nicht angemeldet
Verdopplung der margin Angabe beim IE?
Bei der Erstellung eines auf div Containern aufgebauten Layouts bin ich auf ein Problem bei der Darstellung mit dem IE gestoßen.
Zum besseren Verständnis erstmal der Quelltext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="main">
<div id="header"></div>
<div id="navigation">
</div>
<div id="content">
</div>
<div id="footer"></div>
</div>
</body>
</html>
Und noch die CSS Datei:
#main{
width:400px;
margin:0px auto 0px auto;
padding:0px;
background-image:url(bg.gif);
}
#header{
width:400px;
height:200px;
background-image:url(header.jpg);
margin:0px;
}
#navigation{
float:left;
width:100px;
margin:0px 20px 0px 20px;
padding:0px;
}
#content{
float:left;
width:200px;
margin:0px 20px 0px 0px;
padding:0px;
}
#footer{
clear:left;
background-image:url(footer.jpg);
width:400px;
height:60px;
margin:0px;
padding:0px;
}
Mit dem Firefox wird es auch wie erwartet dargestellt.
Die Navigation hat einen Außenabstand von 20px zum MainContainer.
Der IE verdoppelt diesen Abstand jedoch auf 40px, wodurch sich alles nach rechts verschiebt.
Meine Frage ist jetzt, ob irgendwas an meinem Quelltext falsch ist, oder ob es sich um einen Fehler vom IE handelt.
Ebenfalls würde ich dann gerne wissen, wie man dieses Problem umgehen/beheben kann.
Für die Hilfe im Vorraus schon besten Dank.
-
Hi,
Meine Frage ist jetzt, ob irgendwas an meinem Quelltext falsch ist, oder ob es sich um einen Fehler vom IE handelt.
in dubio ist immer der IE Schuld. Mit dieser Pauschalisierung hat man fast nie Unrecht.
Ebenfalls würde ich dann gerne wissen, wie man dieses Problem umgehen/beheben kann.
http://www.positioniseverything.net/explorer/doubled-margin.html
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes