UL LI Problem Im FireFox und IE7 läufts IE6 Probleme

[Maekkez]

Hallo mein menu hat im IE6 komischerweise größere abstände zu den anderen Menu punkten als im Firefox oder IE7 hier mal meine css + html menu part

CSS:

body	{
	background-color: #C8D7F5;
	font-family: Arial;
	font-size: 10px;
	color: #000000;
	}

.banner	{
	position:absolute;
	top:0px;
	left:0px;
	width:773px;
	height:91px;
	border-width:1px;
	border-style:solid;
	border-color:#283C87;
	}

.leiste_top	{
	position:absolute;
	top:91px;
	left:0px;
	width:773px;
	height:12px;
	border-width:1px;
	border-style:solid;
	border-color:#283C87;
	}

.left	{
	position:absolute;
	top:105px;
	left:0px;
	width:150px;
	height:500px;
	border-width:1px;
	border-style:solid;
	border-color:#283C87;
	z-index:1;
	}

.right	{
	position:absolute;
	top:105px;
	left:705px;
	width:68px;
	height:500px;
	border-width:1px;
	border-style:solid;
	border-color:#283C87;
	z-index:1;
	}

.overflow	{
	position:absolute;
	top:120px;
	left:182px;
	width:523px;
	height:480px;
	overflow:auto;
	scrollbar-face-color:#ffffff;
	scrollbar-3dlight-color:#DC0B32;
 	scrollbar-arrow-color:#DC0B32;
 	scrollbar-darkshadow-color:#DC0B32;
	scrollbar-highlight-color:#DC0B32;
	scrollbar-shadow-color::#DC0B32;
	scrollbar-track-color:#ffffff;
	z-index:3;
	}

.texthintergrund	{
	position:absolute;
	top:105px;
	left:152px;
	width:554px;
	height:500px;
	z-index:2;
	border-width:1px;
	border-style:solid;
	border-color:#283C87;
	}

.headline	{
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	color:#DC0B32;
	}

.text	{
	font-family:arial;
	font-size:12px;
	color:#000000;
	}

.textlink	{
	font-family:arial;
	font-size:12px;
	color:#283C87;
	font-weight:bold;
	text-decoration:none;
	}

.textlink:hover	{
	font-family:arial;
	font-size:12px;
	color:#DC0B32;
	font-weight:bold;
	text-decoration:none;
	}
.links	{
	position:absolute;
	left:-27px;
	top:120px;
	z-index:4;
	font-family:arial;
	font-size:11px;
	}

#menue ul {
width: 170px;
margin: 0px 0px 0px 0px;
}


ul#menue {
  	width:  	  	170px;
  	margin:   	  	0 0 0 0;
  	list-style-type:   	none;
  	margin:   	  	0;
  	padding:   	  	0;
}

ul#menue li a 
{
  	margin:   	  	5px 0px 0px 45px;
  	height:   	  	auto;
	line-height:	20px;
  	text-align:   	right;
  	border-left:   	1px solid #ffffff;
  	border-bottom:  1px solid #ffffff;	
  	background:   	none;
  	display:  	  	block;
  	color:  	  	#ffffff;
  	text-decoration: none;
	font-weight:	bold;

}
ul#menue li a:hover 
{
  	margin:   	  	5px 0px 0px 45px;
  	height:   	  	auto;
	line-height:	20px;
  	text-align:   	right;
  	border-left:  	1px solid #ffffff;
	border-bottom: 	1px solid #ffffff;
  	background:   	none;
  	display:  	  	block;
  	text-decoration:none;
	font-weight:	bold;
}

ul#menue li a:active
{
  	margin:   	  	5px 0px 0px 45px;
  	height:   	  	auto;
	line-height:	20px;
  	text-align:   	right;
  	border-left:  	1px solid #ffffff;
	border-bottom: 	1px solid #ffffff;
  	background:   	none;
  	display:  	  	block;
  	text-decoration: none;
	font-weight:	bold;
	
}

#submenue3
{
margin:			0px 0px 0px 60px;
padding: 0px;
}

ul#submenue3 li a
{
  	background:  	none;
	line-height:	20px;
  	border-left:  	1px solid #ffffff;
	border-bottom: 	1px solid #ffffff;
  	color:			#ffffff;
	margin:			0px 0px 0px 60px;
padding: 0px;
}

ul#submenue3 li a:hover
{
  	background:  	none;
	line-height:	20px;
  	border-left:  	1px solid #ffffff;
	border-bottom: 	1px solid #ffffff;
	margin:			0px 0px 0px 60px;
padding: 0px;
}

ul#submenue3 li a:active
{
  	background:  	none;
	line-height:	20px;
  	border-left:  	1px solid #ffffff;
	border-bottom: 	1px solid #ffffff;
	margin:			0px 0px 0px 60px;
padding: 0px;
}

.impressum_sitemap_kontakt	{
	position:absolute;
	left:154px;
	top:611px;
	}
.mail	{
	position:absolute;
	left:645px;
	top:609px;
	border:0px;
  }
  
.druck	{
	position:absolute;
	left:680px;
	top:609px;
	border:0px;
	}

Hier der HTml teil

<div class=links>
<ul id="menue">
<li><a href="#">XXX</a></li>
<li><a href="#">XXXXX</a></li>
<li><a href="#">der XXX</a></li>
<ul id="submenue3" class="XXXXX">
<li><a href="#">Aufgaben</a></li>
<li><a href="#">VorsXXtand</a></li>
<li><a href="#">XXX&auml;ftsstelle</a></li>
<li><a href="#">XXx</a></li>
</ul>
<li><a href="#">XXXXX</a></li>
<li><a href="#">XXXX</a></li>
</ul>
</div>

kann das design leider immoment nicht hochstellen aber dies ist ein Listenmenu mit dropdown (Nacher in typo3 realisiert).
die struktur:

menupunkt1
menupunkt2
_____menupunkt2.1
_____menupunkt2.2
menupunkt3
menupunkt4

[Boris]

Die einfachste Methode dagegen ist ein simples height: 1% für das A zu notieren ...

[Maekkez]

Vielen dank schonmal lokal scheinen diese dinge zu funktionieren nur hab ich ein Problem den ganzen quatsch muss ich in Typo3 umsetzen... und typo3 formatiert meinen quelltext von

BSP:

<li><a href="index.php?id=115" onfocus="blurLink(this);">xxxxxx</a></li>
<li><a href="index.php?id=114" onfocus="blurLink(this);">xxxxxxx</a></li>
<li><a href="index.php?id=113" onfocus="blurLink(this);">xxxxcher*</a></li>
<li><a href="index.php?id=112" onfocus="blurLink(this);">Linxxxx*</a></li>

ZU dem hier:

      <li><a href="index.php?id=115" onfocus="blurLink(this);">xxxxxeistungen*</a></li>

      <li><a href="index.php?id=114" onfocus="blurLink(this);">Flexxxxxxxxwerk*</a></li>

      <li><a href="index.php?id=113" onfocus="blurLink(this);">Vxxxxucher*</a></li>

      <li><a href="index.php?id=112" onfocus="blurLink(this);">Lixxx</a></li>

Ist das ausschlaggebend fuer den IE6 ?

[Boris]

Nö. Und wenn, dann gib dem LI auch 1% Höhe

[Maekkez]

hm... also <li height="1%">
und <a height="1% href="xxx">
???

[Boris]

Nein, bitte via CSS ... das ist ja sonst fürchterlich

[Maekkez]

sry wenn ich mich ein bisschen dumm anstelle arbeite erst seit ca 2wochen mit css...
also
#menue li { height: 1%; }
#menue a { height:1%; }

???? oder muss ich noch irgendwo was ändern?

[Maekkez]

Danke jungs es funktioniert Scheiss IE6 schlag mir hier jahrelang mit sonem kram rum ....