nicht angemeldet
Hallo Ihr,
habe drei css-Boxen, die zweite nach links gefloatet.
Im Internet-Explorer wird mir ein Abstand zwischen der zweiten und der dritten Box angezeigt. Firefox stellt die Boxen ohne Abstand dar.
Warum? Und wie kann ich diesen Abstand vermeiden?
Margin-left bzw. margin-right habe ich schon versucht, brachte leider keinen Erfolg.
Hier der Quelltext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
*
{
margin:0;
padding:0;
}
#head
{
background-color:#a2d3b8;
width:100%;
height:12.5%;
border:1px solid maroon;/**/
}
#navi
{
background-color:#a2d3b8;
border:1px solid yellow;/**/
float:left;
width:15%;
height:100%;
text-align:center;
}
#main
{
background-image:url(kachel2.gif);
border:1px solid green;/**/
width:auto;
height:100%;
}
</style>
</HEAD>
<BODY>
<div id="head">
test
</div>
<div id="navi">
test
</div>
<div id="main">
test
</div>
</BODY>
</HTML>
Viele Grüße
Cyberholli