beno: probleme mit css bei ie und ff

Beitrag lesen

SELF-Forum

probleme mit css bei ie und ff

beno
– Informationen zu den Bewertungsregeln

hallo,

ich bin gerade dabei eine html seite aufzubauen. grundkenntnisse habe ich. mein html code sieht wie folgt aus:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
<head>  
 <link rel="stylesheet" href="scripts/ff_style.css" media="screen" />  
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
 <meta http-equiv="Content-Language" content="de" />  
</head>  
<!--[if IE]> <link rel="stylesheet" href="scripts/ie_style.css" media="screen" /> <![endif]-->  
<body>  
	<div id="site">  
		  
		<div id="top">  
		</div>  
  
		<div id="top_line">  
		</div>  
  
	</div>  
</body>  
</html>

und mein css für den ff:

#site {  
	width:802px;  
	position:absolute;  
	margin:0px 0px 0px -401px;  
	left:50%;  
}  
  
#top {  
	width:800px;  
	height:80px;  
	float:left;  
	position:relative;  
	margin:0px 0px 0px 0px;  
	background:yellow;  
	border-top:1px solid black;  
	border-left:1px solid black;  
	border-right:1px solid black;  
  
}  
  
#top_line {  
	width:800px;  
	height:2px;  
	float:left;  
	position:relative;  
	margin:0px 0px 0px 0px;  
	background:#E5E5E5;  
	border-left:1px solid black;  
	border-right:1px solid black;  
}

und der css code für den ie:

#site {  
	width:800px;  
	position:absolute;  
	margin:0px 0px 0px -400px;  
	left:50%;  
}  
  
#top {  
	width:800px;  
	height:2px;  
	float:left;  
	position:relative;  
	margin:0px 0px 0px 0px;  
	background:yellow;  
	border-top:1px solid black;  
	border-left:1px solid black;  
	border-right:1px solid black;  
  
}  
  
#top_line {  
	width:800px;  
	height:2px;  
	float:left;  
	position:relative;  
	margin:0px 0px 0px 0px;  
	background:#E5E5E5;  
	border-left:1px solid black;  
	border-right:1px solid black;  
}

zusätzlich habe ich mir den ietester runtergeladen, weil ich es auf die kompatibilität mit den anderen browser angucken möchte.

was mich stört ist, dass beim ff die ansicht richtig ist, also das div "top_line" eine höhe von 2px hat. Aber die anschicht in ie ist anders, sprich sie ist höher als 2px ich schätze mal auf 12 px.

ich sehe gerade den fehler nicht. hat jemand ein rat?

viele grüße
beno

Beitrag melden
–
Informationen zu den Bewertungsregeln