nicht angemeldet
Moin Moin,
nachdem ich mich bisher erfolgreich um Divs druecken konnte, darf ich nun in die Geheimnisse eintauchen und stosse auch auf wenig Gegenliebe. Kann aber auch an der Zeit, der Musik oder dem schlechten Kaffee liegen.
Mein Problem:
Der IE wurschtelt ein paar Pixel zur Positionierung eines Blockelements dazu. Nun bin ich auch auf den "3-Pixel-Bug" gekommen, bin aber als HTML-Schlampe wohl nicht in der Lage den Fehler, falls es dieser sein sollte, zu beheben:
Das CSS:
div#basic
{
width:800px;
border-width:1px;
border-color:#2256BF;
border-style:solid;
}
div#topLeft
{
background-color:#abc;
width:180px;
height:80px;
margin:0px;
padding:0px;
float:left;
}
div#topRight
{
background-color:#def;
width:620px;
height:80px;
margin-left:180px;
padding:0px;
}
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title></title>
<link href="css/main.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="basic">
<div id="topLeft"></div>
<div id="topRight"></div>
</div>
</body>
</html>
Mozilla/Firefox, Opera sind gnaedig. Die beiden Bloecke werden pixelgenau aneinandergereiht; IE zieht den zweiten Block aber in eine zweite Reihe. Zum Haareraufen. Ich weiss schon, warum ich kein Designgott bin. Wenn jemand den Fehler findet oder diverse Dirty-Hacks hat: immer gerne!
Gruss in die Nacht... und Danke, ne!
Jan
Struppi