nicht angemeldet
unerwünschter Boxenabstand
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
-
Hallo Cyberholli,
try this:
<!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"> html, body { margin:0; padding:0; } #head { background-color:#a2d3b8; height:12.5%; border:1px solid maroon;/**/ } #navi { background-color:#a2d3b8; border:1px solid yellow;/**/ float:left; width:15%; text-align:center; } #main { background-image:url(kachel2.gif); border:1px solid green;/**/ } </style> </HEAD> <BODY> <div id="head"> test </div> <div id="navi"> test </div> <div id="main"> test </div> </BODY> </HTML>Mit freundlichen Grüßen,
André--
Leistung ist nur durch Wahnsinn zu ersetzen.-
Halo andre,
vielen Dank für dein Beispiel.
Nur wenn ich die Höhe der Boxen einsetze, habe ich das Problem wieder.Gruß
Cyberholli
-