DIV an Tabellenbreite anpassen
Hallo
folgendes Beispiel:
Die Tabelle ist breiter als der DIV Kontainer, da der Text diesen Platz ausfühlt.
Gibt es eine Möglichkeit die breite des DIVs, der breite der Tabelle anzupassen, ohne das diese über den DIV Kontainer überläuft?
EDIT:
Habe etwas ausprobiert und folgendes ist dabei herausgekommen:
Mit min-width und float wird der DIV Kontainer nun um die Tabelle gewrappt.
Leider ist die Tabelle nun nicht mehr ganz in der Mitte.
Hallo
folgendes Beispiel:
CSS:
#div {
margin: 0 auto;
padding: 4px;
width: 300px;
border: 1px solid #ccc;
}
HTML:
<div id="div">
<table border="1">
<tr>
<td>TEXTTEXTTEXTTEXT</td>
<td>TEXTTEXTTEXTTEXT</td>
<td>TEXTTEXTTEXTTEXT</td>
</tr>
<tr>
<td>TEXTTEXTTEXTTEXT</td>
<td>TEXTTEXTTEXTTEXT</td>
<td>TEXTTEXTTEXTTEXT</td>
</tr>
</table>
</div>
Die Tabelle ist breiter als der DIV Kontainer, da der Text diesen Platz ausfühlt.
Gibt es eine Möglichkeit die breite des DIVs, der breite der Tabelle anzupassen, ohne das diese über den DIV Kontainer überläuft?
EDIT:
Habe etwas ausprobiert und folgendes ist dabei herausgekommen:
CSS:
#div {
margin: 0 25%;
min-width: 50%;
float: left;
border: 1px solid red;
}
Mit min-width und float wird der DIV Kontainer nun um die Tabelle gewrappt.
Leider ist die Tabelle nun nicht mehr ganz in der Mitte.
Zuletzt bearbeitet: