scooter757
Neues Mitglied
Hallo liebes Forum!
Ich habe folgendes Problem: Eine Tabelle mit variabler Breite und Höhe ist in einem div, was sich der Tabelle von der Größe her anpassen soll da dies eine Art Rahmen darstellen soll. Die automatische Höhe funktioniert, nur die Breite nicht - das div hat immer die volle Seitenbreite.
Hat jemand Vorschläge, wie ich dies ändern kann?
Viele Grüße, Finn Stutzenstein
Ich habe folgendes Problem: Eine Tabelle mit variabler Breite und Höhe ist in einem div, was sich der Tabelle von der Größe her anpassen soll da dies eine Art Rahmen darstellen soll. Die automatische Höhe funktioniert, nur die Breite nicht - das div hat immer die volle Seitenbreite.
Code:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body, html
{
height: 100%;
background: #aadfeb;
}
#container
{
width: auto;
height: auto;
padding: 10px;
border: 0px solid black;
border-radius: 5px;
background-color: #fff;
box-shadow: 0 0 25px gray;
}
.innertable
{
border: 1px solid black;
}
.innertable td
{
padding: 5px;
border-left: 1px solid black;
}
.innertable td:first-child
{
border: 0;
}
</style>
</head>
<body>
<center>
text</br></br>text
<div id="container">
<h3>Tabelle mit var. Breite und Höhe</h3></br>
<table class="innertable">
<tr>
<td>foo bar</td>
<td>foo bar</td>
<td>foo bar</td>
<td>foo bar</td>
<td>foo bar</td>
<td>foo bar</td>
<td>foo bar</td>
<td>foo bar</td>
</tr>
</table>
</div>
</center>
</body>
</html>Viele Grüße, Finn Stutzenstein
