PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : [HTML/CSS] Overflow


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!?