Jule: Herausforderung: Wie macht man das ohne Layouttabelle?

Beitrag lesen

Hey fr@gma,

"clear: both" war der entscheidende Tipp. Daran hatte ich gar nicht gedacht, weil ich dachte, das kann nicht funktionieren, wenn der nicht floatende Container sich nicht mit seinen Spalten ausdehnt. Geht aber trotzdem - Danke!

So sieht mein Code jetzt aus -- gibt es daran noch etwas zu verbessern?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>

<div style="width:600px; margin: 0px auto; background-color: red;">kopf</div>

<div style="width: 600px; margin: 0px auto; border: 1px solid black;">

<div style="border: 1px dashed black;">

<div style="float: left; width: 200px; background-color: blue;">links</div>

<div style="float: left; width: 198px; background-color: lightgrey;">mitte</div>

<div style="float: left; width: 200px; background-color: green;">rechts</div>

</div>

</div>

<div style="width:600px; margin: 0px auto; clear: both; background-color: yellow;">fuss</div>

</body>
</html>

Jule!