nicht angemeldet
Lücke zwischen divs
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.
Hilfe ?!
danke
mfg
.mase
-
<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>
Und die gehen in allen Browsern nur im IE ist zwischen den Feldern eine Lücke.
Woher das Problem kommen kann, weiß ich nicht, aber wenn's im IE anders aussieht als in allen anderen Browsern und obendrein etwas mit Breite/Höhe nicht stimmt, hilft es häufig, den IE in den Standardmodus zu setzen: http://www.hut.fi/~hsivonen/doctype.html (leider erst ab IE 6).
Syntaxprüfung nicht vergessen (http://validator.w3.org, http://jigsaw.w3.org/css-validator/)!Gruß,
soenk.e-
Hi,
Ich versteh das nicht: alles valide!
http://www.sirnick.de/test/index.html
Jemand eine idee ?
mfg
.mase
-
-
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