"float: left" richtig genutzt?!?

[Ingo Turski]

Hi,

zunächt mal zur Erklärung des Phänomens: Das Problem bereitet hier nicht float, sondern clear - siehe: http://www.1ngo.de/web/clear.html.

Der Trick mit dem clearenden <br> nd Leerzeichen funktioniert zwar, aber ist wohl für das Folgeproblem im IE verantwortlich. Abhilfe würde eine ganz andere Struktur schaffen, die ohne clear auskommt. In etwa so:

<div class="box">
<div>
 <a href="link1.php">menüpunkt1</a>
 <a href="link4.php">menüpunkt4</a>
</div>
<div>
 <a href="link2.php">menüpunkt2</a>
 <a href="link5.php">menüpunkt5</a>
</div>
<div>
 <a href="link3.php">menüpunkt3</a>
 <a href="link6.php">menüpunkt6</a>
</div>
<div class="clear"></div>
</div>

und dazu im CSS das float nicht für a definieren, sondern:
div.box div { float: left; width:100px; }

freundliche Grüße
Ingo