nicht angemeldet
Hallo,
hab ein Problem. Ich hab hier zwei divs:
<body>
<div style="height:105px; width:169px; float:left; margin:0px; background-color:#000000;"></div>
<div style="width:334px; height:105px; margin:0px; background-color:#343434;"></div>
</body>
Und die gehen in allen Browsern nur im IE ist zwischen den Feldern eine Lücke.
Naja _richtig_ geht das in den anderen Browsern auch nicht.
Im Netscape 6.2.1 und Opera 6.05 ist zwar keine Lücke, aber der zweite Bereich büsst etwas von seiner Breite ein. Gründe?? Keine Ahnung. Aber eine Lösung habe ich:
<body>
<div style="width:169px; height:105px; background-color:#000000; color:#FFFFFF; float:left;">Bereich1</div>
<div style="width:334px; height:105px; background-color:#343434; color:#FFFFFF; float:left;">Bereich2</div>
<div style="width:503px; height:105px; background-color:#434343; color:#FFFFFF; clear:left;">Weitere Elemente</div>
</body>
Gib dem zweiten Bereich einfach auch ein float:left;. Wenn es dann drunter weiter gehen soll, gibst Du dem nachfolgenden Element ein clear:left; oder clear:both;.
viele Grüße
Axel