nicht angemeldet
Hallo!
Weil ich jetzt auch mal ein bisschen intensiver mit CSS arbeiten will, hab ich mal ein (doch eigentlich) simples Beispiel geschrieben:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>New Document</title>
</head>
<body>
<div style="width: 450px;">
<div style="float: left; background-color: red; width: 200px; height: 200px; padding-top: 5px; padding-left: 10px; margin: 0px; border-style: dotted; border-color: brown; border-width: 2px;">Box 1<br><br>= Test 1</div>
<div style="background-color: red; width: 200px; height: 200px; padding-top: 5px; padding-left: 10px; margin: 0px;">Box 2<br><br><br><br><br><br>= Test 2<br><br><br><br><br><br><br><br><br><br><br><br></div>
<div style="width: auto; clear: left; background-color: yellow; line-height: 25px; font-weight: bold; padding: 2px; border-style: dotted; border-color: brown; border-width: 2px;">Weiter gehts!</div>
</div>
</body>
</html>
Auch zu sehen unter
http://web110.essen082.server4free.de/float.htm
Allerdings stellen die verschiedenen Browser den Abstand zwischen den 2 roten Boxen anders da trotz "margin: 0px"... warum???
thomas.