[CSS] - vertikaler abstand zw. 2 divs soll verschwinden

**alexf812** · 18.03.2005 15:51

hallo,

ich habe mal den code und ein bild angefügt... der hellgraue streifen sollte eigentlich nicht da sein, nur im IE ist er da. FF funktioniert ...leider keine ahnung warum, es muss aber irgendwas mit dem menu zu tun haben, denn wenn ich das rausmache fängt das div ohne abstand darunter an...

Code:

body, html
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	font-family: tahoma;
}

#wrapper
{
	width: 784px;
	margin: auto;
	background-color: #ECECEC;
	text-align: left;
}

#header_left
{
	float: left;
	background-color: #FF0000;
}

#header_left img
{
	display: block;
}

#header_right
{
	background-image: url(../images/bg_header.gif);
	background-repeat: repeat-x;
	background-position: top left;
	height: 129px;
	width: 504px;
	float: left;
}

#menu
{
	margin-top: 26px;
}

#menu ul
{
	margin: 0;
	padding: 0;
}

#menu li
{
	float: left;
	width: 79px;
	height: 28px;
	list-style-type: none;
}

#menu li a
{
	display: block;
	background-image: url(../images/tab.gif);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	padding: 10px 0 8px 0;
	text-decoration: none;
}

#menu li a:hover
{
	color: #001E5A;
}

#leftside
{
	clear: both;
	background-color: #CCCCCC;
	margin: 0;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>xxx/title>
<link rel="stylesheet" type="text/css" href="style/kk_style.css" />
</head>
<body>
<div id="wrapper">
	<div id="header_left">
		<img src="images/header_left.jpg" width="280" height="129" />
	</div>
	<div id="header_right">
		<img style="display: block; margin: 5px 0 0 20px;" src="images/trans.gif" width="468" height="60" border="0" />
		<div id="menu">
		 <ul>
		 	<li><a href="#">Shoppen</a></li>
		 	<li><a href="#">Kontakt</a></li>
		 	<li><a href="#">AGB</a></li>
		 	<li><a href="#">Hilfe</a></li>
		 	<li><a href="#">Händlerbereich</a></li>
		 	<li><a href="#">Impressum</a></li>
		 </ul>
		</div>
	</div>
	<div id="leftside">
		ghch
	</div>
</div>
</body>
</html>

EDIT

hat sich erledigt

**Rinaldo** · 18.03.2005 17:36

Könntest hier aber gerne die Erklärung schreiben, wie es sich erledigt hat. Für die Leute z.B. die dieses Problem in Zukunft auch noch einmal haben sollten

.

**alexf812** · 18.03.2005 21:04

hi...

also ich hatte vergessen für das menu-div eine höhe anzugeben danach ging es

**PeterBrand** · 20.03.2005 21:09

Ich habe hier dasselbe Problem - und obwohl die Höhe angegeben ist, lässt der IE zwischen "header" und "menue" 2-3px Abstand.

Irgendjemand eine Idee

Code:

 #header {
 	width: 622px;
 	height: 198px;
 	margin-left: 109px;
 	}
 
 #menue {
 	background-image: url(../imgs/back_menue.gif);
 	background-repeat: repeat-x;
 	width: 622px;
 	margin-left: 109px;
 	}

**hero-master** · 20.03.2005 21:35

Das Problem liegt wohl an dem Zeilenumbruch im Code bei
<div id="header">
<img..>
</div>

Wenn du das in eine Zeiel schreibst dann müsste es gehen, ob und wie man das verhindern kann weiß ich nicht

**PeterBrand** · 20.03.2005 21:41

Stimmt, mit
<img ...></div>
funktioniert´s.

zur Startseite vom TP

Thema: [CSS] - vertikaler abstand zw. 2 divs soll verschwinden

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

[CSS] - vertikaler abstand zw. 2 divs soll verschwinden

Aktive Benutzer

Aktive Benutzer