✔ IE stellt div nicht richtig da

Status
Nicht offen für weitere Antworten.
R

RobertM

Grünschnabel
Hallo,

ich habe da ein Problem.
Der IE zeigt ein div mit einem Bild als Inhalt zwar richtig an, ab der Rahmen um das Bild ist unten um ca. 2px nach unten verschoben.
Beim Firefox läuft alles einwandfrei!
Hier der Code der HTML- Datei
HTML: 
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="container">
<div id="banner">
<img src="images/banner.jpg" height="100" width="980">
</div>
<div id="nav_hkis">
Home | Kontakt | Sitemap | Impressum
</div>
<div id="bannerleft">
<img src="images/banner_links2.jpg" height="250" width="240">
</div>
<div id="nav">
Hier soll die Nav rein!
</div>
</div>
</body>
</html>

und hier der dazugehörige CSS-Code:
Code: 
body{
	text-align: center;
	top: 0px;
	padding: 0px;;
}

#container{
	text-align: left;
	position: relative;
	margin: 0px auto;
	top:0px;
	width:980px;
	height:100%;
	border:1px solid #000000;
	z-index: 1;
}

#nav{
	position:absolute; 
	top:100px; 	
	left:240px;
	width: 740px;
	height: 25px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}

#bannerleft{
	position: absolute; 
	top:100px; 	
	left:0px;
	width: 240px;
	height: 250px;
	* height: 200px;
	/*border-bottom: 1px solid #000000;*/
	border: 1px solid #000000;
	padding: 0px;
}

#nav_hkis{
	position:absolute;
	background-color: Black;
	top: 0px;
	left: 600px;
	width: 225px;
	height: 15px;
	border: 0px;
	color:#FFFFFF;
	font-size: 12px;
	font-family: Arial;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	z-index: 3;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}

#banner{
	position: relative;
	left: 0px;
	top: 0px;
	width: 980px;
	height: 100px;
}
Hier ein Bild von dem Problem:
http://www.robert-mueller.net/tut.jpg

Kann mir jemand weiterhelfen?
Danke im Voraus
 
Hi,

vermutlich liegt es an den Zeilenumbrüchen zwischen <div> ... </div> und dem Grafikelement, die der IE mit Verschiebungen / Lücken im Layout quittiert.

Lösung: Weise den Grafiken die display:block-Eigenschaft zu.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück