abstand zw. 2 divs im IE

alexf812 · 04.04.2005, 18:10

hallo...

in der grafik soll zw. dem roten und grauen bereich der weisse zwischenraum verschwinden, im FF gehts auch nur im IE nicht. wenn ich allerdings in #contentNav das float: left weglasse gehts auch hier, nur habe ich dann im FF kein hintergrundbild. es müsste also irgendwie anders gehen.... nur wie??

Code:

<div id="contentNav">
	<ul>
		<li>Händler</li>
		<li>Produkte</li>
		<li>Kontakt</li>
		<li>Service</li>
	</ul>
</div>
<div id="details">
Content
</div>

#contentNav
{
	background-color: #FF0000;
	line-height: normal;
	width: 100%;
	float: left;
	background-image: url(../images/pixel.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0;
}	

#contentNav ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#contentNav li
{
	float: left;
	margin: 0;
	padding: 0;
}

#details
{
	background-color: #CCCCCC;
	clear: both;
}

hero-master · 04.04.2005, 18:36

Hi alex

also bei mir klappt im IE 6 unter WinXP, wie seiht denn der restliche Code aus, vor allem der Doctype?

321 · 04.04.2005, 19:00

im Roten steht bei mir HändlerProduk (genau so)
Kontakt und Service sind nicht zu sehn!

alexf812 · 04.04.2005, 19:00

hi,

hier mal der ganze code: bei mir kommt immer diese weisse streifen, d.h. das div liegt nich an, warum auch immer

Code:

<!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 70px;" src="images/banner_kleinanz.gif" width="468" height="60" border="0" alt="banner" />
		<div id="menu">
		 <ul>
		 	<li><a href="index.php">Home</a></li>
		<li><a href="news.php">News</a></li>
		<li><a href="kontakt.php">Kontakt</a></li>
		<li><a href="agb.php">AGB</a></li>
		<li><a href="help.php">Hilfe</a></li>
		<li><a href="member.php">Händlerbereich</a></li>
		<li><a href="impressum.php">Impressum</a></li>
		
		 </ul>
		</div>
	</div>
	<div id="balken">
		<form method="POST">
			<span>KUNDENLOGIN: &nbsp;&nbsp;</span>
			<span class="label">Email</span> <input class="textfield" type="text" name="email" />&nbsp;
			<span class="label">Passwort</span> <input class="textfield" type="password" name="pw" />
			<input type="submit" value="Login" />
		</form>
	</div>
	<div id="leftside">
		<img style="display: block;" src="images/menu_shop_head.gif" width="160" height="21" />
	 	<ul>
	 		<li><a href="shop.php?groupID=0|13">An &amp; Verkauf</a></li>
<li><a class="active" href="shop.php?groupID=0|7">Auto</a><ul>
	<li><a class="active" href="shop.php?groupID=24|7"><img src="images/pfeil.gif" width="7" height="14" />Neuwagen</a></li>
	
</ul>
</li>
<li><a href="shop.php?groupID=0|1">xxx</a></li>
<li><a href="shop.php?groupID=0|12">xxx</a></li>
<li><a href="shop.php?groupID=0|5">xx</a></li>
<li><a href="shop.php?groupID=0|3">xxx</a></li>
<li><a href="shop.php?groupID=0|10">xxx</a></li>
<li><a href="shop.php?groupID=0|4">xxx</a></li>
<li><a href="shop.php?groupID=0|9">xxx</a></li>
<li><a href="shop.php?groupID=0|14">xxx</a></li>
<li><a href="shop.php?groupID=0|8">xxx</a></li>
<li><a href="shop.php?groupID=0|11">xxx</a></li>
<li><a href="shop.php?groupID=0|2">xxx</a></li>
<li><a href="shop.php?groupID=0|6">xxx</a></li>

	 	</ul>
	 	<img style="display: block;" src="images/menu_shop_footer.gif" width="160" height="16" />
	</div>
	<div id="rightside"><img src="images/dummy_banner.jpg" width="120" height="400" /></div>
	<div id="content">
		<h4>Einkaufen &raquo; Auto &raquo; Neuwagen</h4>
	 	<div id="contentNav">
	<ul>
		<li><a href="#">Händler</a></li>
		<li><a href="#">Produkte</a></li>
		<li><a href="#">Kontakt</a></li>
		<li><a href="#">Service</a></li>
	</ul>
</div>
<div id="details">
 content
</div>
	</div>
    <br style="clear:both;" />
</div>
<div id="footer">das copyright</div>
</body>
</html>

alexf812 · 04.04.2005, 19:17

hallo,

also ich hab jetzt etwas rumprobiert und diesem unteren div eine breite von 100% gegeben und dann ging es. ic hdachte wenn man keine breite angibt wird 100% sowieso genommen.