✔ Navi probleme mit ie6 und ie7

[Webgau]

Guten Abend,

habe mir ne Navigation gebastelt welche auch erstklassig funktioniert (im IE7 und FF3). Allerdings habe ich mir den Spaß mal von einem anderen Rechner mit dem IE6 angeschaut bei nem Freund. Dieser hat die Breite der Navigation völlig falsch interpretiert…. Jetzt habe ich mal nen bissel weitergebastelt und kann dies allerdings nicht testen, weil ich nur den IE7 habe.

Darum würde ich euch bitten mal den nachfolgenden Code durchzuschauen und zu testen ob das jetzt so richtig ist?

Hier noch die Seite: Meine Seite

hier der code:

#links ul.menu 
{
	width: 182px;
	margin: 0px; padding: 0px;
	text-indent: 15px;
}

* html #links ul.menu 
{  /* Korrekturen fuer IE 5.x */
	width: 182px;
	w\idth: 182px;
	padding: 0;
	padd\ing: 0;
}
  
#links ul.menu li 
{
	list-style: none;
	margin-bottom: 2px; padding: 0;
	background-image: none;
}

#links ul.menu li ul 
{
    margin: 0 0 0 0; padding: 0;
}

#links ul.menu li ul li 
{
	margin: 0 0;
	text-indent: 30px;
}
  
* html #links ul.menu li ul li 
{  /* Korrektur fuer IE 5.x */
	margin: 0;
	ma\rgin: 0;
}

#links ul.menu a 
{
	display: block;
	padding: 0;
	text-decoration: none;
	font-size: 11px;
    color: #FFFFFF;
	background: url(../images/button.gif) no-repeat;
	height: 26px;
	line-height: 25px;
}
  
* html #links ul.menu a 
{
	width: 182px;    /* Breitenangabe fuer IE 5.x */
	w\idth: 182px;  /* Breitenangabe fuer IE 6 */
}

#links ul.menu li ul a 
{
	display:block;
	padding: 0;
	text-decoration: none; font-weight: bold;
    color: #000000;
	background: url(../images/sub_pfeil.jpg) no-repeat;
	line-height: 26px;
}

* html #links ul.menu li ul a 
{
	width: 182px;    /* Breitenangabe fuer IE 5.x */
	w\idth: 182px;  /* Breitenangabe fuer IE 6 */
}

#links ul.menu li a:hover 
{
    color: #FFFF00;
	background: url(../images/button_hover.gif) no-repeat;
}

#links ul.menu li ul li a:hover 
{
    color: #FF0000;
	background: url(../images/sub_pfeil_hover.jpg) no-repeat;
}

ul.menu li#current a {
	background: url(../images/button_sub.gif) no-repeat;
	color: #FFFFFF;
}

ul.menu li li#current a{
	background: url(../images/sub_pfeil_hover.jpg) no-repeat;
	color: #FF0000;
}

grüße Mirko

 

[Maik]

Hi,

ich kann - und konnte auch in deinen vergangenen Themen, die sich ebenfalls mit dieser Seite beschäftigt haben :suspekt: - im IE6 keine Interpretationsfehler mit den Breiten innerhalb der Navigation entdecken.

mfg Maik

P.S. Wenn es im IE7 erstklassig funktioniert, ist der Topic wohl etwas irreführend formuliert.

 

[Webgau]

Supi, dann läufts ja. Wie immer, vielen dank für deine kompetente hilfe Maik