Ollie: CSS, Floating

Beitrag lesen

oder ein height: 100%;
oder height: 1%; haslayout sollte hier doch reichen, oder?

Huhu (abschließend ^^),

hätte ich weiter geskripted, hätte ich das Problem von alleine behoben, ich war nur dermaßen perplex, weil mir dieser Fehler noch nie begegnet ist, dass ich erst auf Fehlersuche gehen wollte.

Üblicherweise arbeite ich mit verschachtelten Elementen, um die Fehler der diversen Box Models aufzuklammern.

Dies allein führt schon dazu, dass alles korrekt angezeigt wird:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Floating</title>
<style type="text/css">
body{margin:0; padding:0;}
.quer {float:left; margin:1px; background:#ccc; width:200px; height:100px;}
</style>
</head>
<body>
<div style="background:blue;">
  <div style="height:100%;">
    <div class="quer"></div>
    <div class="quer"></div>
    <div class="quer"></div>
    <div class="quer"></div>
    <div class="quer"></div>
    <div class="quer"></div>
  <div style="clear:both"></div>
</div>
</div>
</body>
</html>

Nochmal vielen Dank an alle Helfer.

LG, Ollie