Hi,
ich hab ein kleines Problem mit folgendem Code:
1:
2:
3:
4:
5:
6:
7:
8:
9: | <html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div style="background-color: red; padding: 10px;">
<div style="background-color: blue; float: right;">
<p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
</div>
</div>
</body>
</html> |
Im IE sieht alles prima aus. Der rote Div wird automatisch vergrößert, so dass der Blaue mit dem Text reinpasst. Das selbe passiert auch im Mozilla, solange der zweite Div kein Float-Attribut hat. Sobald ich das aber reinsetze, wird er hier nicht mehr automatisch vergrößert. Zu sehen unter
http://joshua-jung.com/test.html.
Hat jemand von euch eine Idee, was man dagegen tun könnte?
Gruß
Lewi
---
Lewi = ehemals the_doc
