• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Abstand zwischen zwei Div containern im IE

xelax90

New member
Hi,
ich hab ein kleines Problem mit der Darstellung von div-containern im IE:
Der IE macht mir einen Abstand zwischen 2 divs, der da nicht hingehört

probzl0.jpg


Der code dazu sieht so aus:

Code:
<html>
<head>
  <title></title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div style="line-height:8px;">
	<div id="1">
		<div class="wizzbaum" id="1_zu">
			<img src="images/halfline.gif">
			<img id="0_1" src="images/newrecord_marker_d.gif">
			<br>
			<span style="display:inline" class="baum" id="1_zulink">
				<img src="images/plus.gif">
				<img src="images/pages.gif">
				Homepage
			</span>
		</div>
	</div>


	<div id="2">
		<div class="wizzbaum" id="2_zu">
			<img src="images/halfline.gif">
			<img id="0_2" src="images/newrecord_marker_d.gif">
			<br>
			<span style="display:inline" class="baum" id="2_zulink">
				<img src="images/plus.gif">
				<img src="images/pages.gif">
				Lizenzbestimmungen
			</span>
		</div>
	</div>

	<div id="4">
		<div class="wizzbaum" id="4_zu">
			<img src="images/halfline.gif">
			<img id="0_3" src="images/newrecord_marker_d.gif">
			<br>
			<span style="display:inline" class="baum" id="4_zulink">
				<img src="images/plus.gif">
				<img src="images/pages.gif">
				Benutzer Login
			</span>
		</div>
	</div>
	<div id="3">
		<div class="wizzbaum" id="3_zu">
			<img src="images/halfline.gif">
			<img id="0_4" src="images/newrecord_marker_d.gif">
			<br>
			<span style="display:inline" class="baum" id="3_zulink">
				<img src="images/plusbottom.gif">
				<img src="images/pages.gif">
				Über Uns
			</span>
		</div>
	</div>
	<img src="images/halfempty.gif">
	<img id="0_5" src="images/newrecord_marker_d.gif"><br>
</div>
</body>
</html>

die wichtigen css elemente dazu:

Code:
.wizzbaum{
  font-size:11px;
  vertical-align:middle;
  line-height:8px;
}

.wizzbaum span{
  line-height:16px;
}

ich habe schon folgendes an css eigenschaften Probiert, um den Abstand weg zu bekommen:
*{
padding:0;
margin: 0;
border: 0;
line-height:8px;
}

das gleiche auch mal versucht mit img oder div
es hat nichts gebracht

jetzt hoffe ich hier hilfe zu bekommen

xelax90
 
Zuletzt bearbeitet:
Dein HTML Struktur ist ein bisschen zweifelhaft. Das sieht nach einer Liste aus, also wäre ein OL oder UL Element doch die bessere Wahl?

was den Abstand angeht, das kann das hasLayout Problem sein, Lösung hier
 
kleine Frage am Rande: hast Du denn schön brav im css, ganz an den Anfang, den Befehl
Code:
*  {margin:0; padding:0}
geschrieben? Falls nicht, könnte es jetzt zu spät sein, doch er erspart einem so einiges ;)

Der schlaue Wicki hat übrigens Recht: das ist ein Fall für Listen!

Falls denn dann gar nichts mehr hilft:
http://www.thestyleworks.de/tut-art/ie7.shtml
 
Zurück
Oben