Kabelsalat
2006-02-26, 00:29:54
In folgendem Szenario stehe ich vor dem Problem, dass der äußere Container nicht gedeht wird, sondern der Inhalt herausragt (zunächst FF1.5) - dabei ist es auch follkommen egal, was ich für overflow angebe...
<div style="background-color:red;height:100px;">
<div style="background-color:blue;height:50px;[min-]width:1000px;"></div>
</div>
</div>
... lediglich bei Verwendung von Tabellen funktioniert alles wie gewünscht:
<table style="width:100%;background-color:red;">
<tr>
<td style="padding-top:20px;padding-bottom:20px;">
<div style="background-color:blue;height:100px;[min-]width:1000px;"></div>
</td>
</tr>
</table>
Kann doch nicht sein? Was habe ich übersehen?
Danke für eure Hilfe!
PS: mit durch Setzen von "display:table" oder "display:table-cell" lässt sich erreichen, dass sich das übergeordnete Element wie gewünscht ausdehnt, allerdings zeigt "width:100%" dann keine Wirkung mehr!?
<div style="background-color:red;height:100px;">
<div style="background-color:blue;height:50px;[min-]width:1000px;"></div>
</div>
</div>
... lediglich bei Verwendung von Tabellen funktioniert alles wie gewünscht:
<table style="width:100%;background-color:red;">
<tr>
<td style="padding-top:20px;padding-bottom:20px;">
<div style="background-color:blue;height:100px;[min-]width:1000px;"></div>
</td>
</tr>
</table>
Kann doch nicht sein? Was habe ich übersehen?
Danke für eure Hilfe!
PS: mit durch Setzen von "display:table" oder "display:table-cell" lässt sich erreichen, dass sich das übergeordnete Element wie gewünscht ausdehnt, allerdings zeigt "width:100%" dann keine Wirkung mehr!?