Float left, drin ein Float right. Dann ein margin-right: KABOOM!
thekryz
- css
0 LX
Hi. Ich hab folgendes HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Width-float-test</title>
</head>
<body style="margin:0px;">
<div style="float:left; background-color:black;"> <!-- floating forms -->
<div style="float:right; background-color:red;"> <!-- Rechte Bereiche -->
asdf asdf jaskl fjklas fjklas jfklasdf asdf jaskl fjklas fjklas jfklasdf asdf jaskl fjklas fjklas jfklasdf asdf jaskl fjklas fjklas
jfklasdf asdf jaskl fjklas fjklas jfklasdf asdf jaskl fjklas fjklas jfklasdf asdf jaskl fjklas fjklas jfklasdf asdf jaskl fjklas fjklas
</div>
</div>
<div style="margin-right:1%; background-color:green;">
asdf asdf jaskl fjklas fjklas jfklasdf asdf jaskl fjklas fjklas jfklasdf asdf jaskl fjklas fjklas jfklasdf asdf jaskl fjklas fjklas
jfklasdf asdf jaskl fjklas fjklas jfklasdf asdf jaskl fjklas fjklas jfklasdf asdf jaskl fjklas fjklas jfklasdf asdf jaskl fjklas fjklas
</div>
</body>
</html>
Im Firefox alles okay, aber der IE7 zerschießt mir das Layout: Es gibt eine horizontale Scrollbar, die ich mir nicht erklären kann. Falls jemand anders dessen mächtig ist: Ich interessiere mich sehr für Ursache und Lösung des Problems. Eigentlich sehe ich nichts falsches in meinem Code...
Wenn das Layout nicht funktioniert,
sind Dir die margins kollabiert...
Gruß, LX
Hi there,
Wenn das Layout nicht funktioniert,
sind Dir die margins kollabiert...
Ach, es gibt halt noch Menschen mit poetischer Kompetenz...
;)