[CSS] IE erzeugt Umbruch bei Liste

**onemorenerd** · 23.04.2007, 00:39

Gib den ULs (.bsp_1_nav_*) noch line-height: 0, dann gehts. Frag mich aber nicht warum.

**TobiaZ** · 23.04.2007, 00:56

Code:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>Navigation</title>
<style type="text/css">
ul	{ list-style-type: none; margin:0; padding:0;}
ul li ul {  display:inline; }

li	{ line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

a { text-decoration:none; color:#000; border-bottom:1px solid #ccc; width:100%;[b][color=red]display:block;[/color][/b] }
a:hover { background-color: #f6f6f6; }

li li a { padding-left:5px; }
li li li a { padding-left:10px; }
</style>
</head>

<body>

<div style="width: 180px;">
<ul><li><a href="#">Seite 1</a></li>
	<li><a href="#">Seite 2</a></li>
	<li><a href="#">Ordner 1</a></li>
	<li><ul><li><a href="#">Unterseite 1</a></li>
			<li><a href="#">Unterordner 1</a></li>
			<li><ul><li><a href="#">Unterseite 2</a></li>
				</ul></li>
		</ul></li>
	<li><a href="#">Seite 3</a></li>
</ul>
</div>

</body>
</html>

schädlich für den IE ist das display block, da kommt der net drauf klar.

wobei ich glaub ich net ganz sauber vereinfacht habe, ist schon spät.

**Benny-one** · 23.04.2007, 09:44

@onemorenerd: u saved my day

@TobiaZ: das display:block ist für das Anchor und wichtig. Und dein Code scheint bei mir nicht zu funktionieren

**Kropff** · 23.04.2007, 10:03

schau dir mal das an, da wird alles beschrieben. und noch etwas hilft. gib dem li ein border-bottom: 1px solid #deine_hintergrundfarbe. frag mich nicht warum, aber es hilft.

gruß
peter

**Benny-one** · 23.04.2007, 10:04

@peter: es geht doch, warum soll ich also auf die Seite von so nem Kropff gehen

**Kropff** · 23.04.2007, 10:11

OffTopic:
gar nicht gesehen, dass du der threadstarter bist.

peter

[CSS] IE erzeugt Umbruch bei Liste