XHTMLforum - Problem mit Navigation in css Layout

XHTMLforum (http://xhtmlforum.de/index.php)

- CSS (http://xhtmlforum.de/forumdisplay.php?f=73)

- - Problem mit Navigation in css Layout (http://xhtmlforum.de/showthread.php?t=46085)

Problem mit Navigation in css Layout

Hi,

ich kenne mich mit css noch nicht so gut aus und habe momentan ein mir unerklärliches Problem.

Auf folgender Seite spinnt die Navigation ziemlich, kann sich das mal einer anschauen und mir nen Tipp geben woran das liegt...

Einfach mal über die Navigation drüber gehen dann seht ihr es schon...erste wechselt der Hintergrund die Farbe - ist ja auch ok, aber beim mehrmaligen drübergehen fängt es total an zu "spinnen". Tritt aber scheinbar nur im IE6 auf????

SCV Stockstadt

Das müsste der betreffende Code sein:

Zitat:

ul#leftnav li {

list-style-type: none;

display: block;

margin: 0;

background-image: url(images/left_nav_link_bg.gif);

}

ul#leftnav li a:link, ul#leftnav li a:visited {

background-color: inherit;

color: #000;

text-decoration: none;

display: block;

height: 22px;

padding: 6px 0 0 20px;

}

ul#leftnav li a:hover, ul#leftnav li a:active {

background-image: url(images/left_nav_link_bg_hover.gif);

display: block;

height: 22px;

}

Anbei auch ein Screenshot:

Weiß keiner was??? Bon schon total verzweifelt...

Ich kann's gerade nicht testen, aber gib für IE 5/6 mal folgendes hinzu:

Code:

* html ul#leftnav li {

height: 1px;

}

On having layout - the concept of hasLayout in IE/Win

Code:

ul#leftnav li a {

        display:block; 

        height:22px;

}

ul#leftnav li a:link, ul#leftnav li a:visited {

        color: #000;

        text-decoration: none;

        padding: 6px 0 0 20px;

        background:inherit;

}

ul#leftnav li a:hover, ul#leftnav li a:active {

        background:url(left_naw.gif);

}

So, habe die Änderungen von Yrr mal gemacht, könnte es mal bitte jetzt jemand mit IE6 testen? Mt IE7 und FF isses nach wie vor ok. Den 6er habe ich leider nicht...erst morgen wieder auf der Arbeit, da sind FF und IE7 nämlich tabu...

Neben den Links sind jetzt schwarze Punkte, wie krieg ich die denn dann (wenns mit dem 6er geht) weg?

*hoffedasesgeht*

Zitat:

Zitat von INTERAKT!V (Beitrag 334778)

Hab grad nicht genug Zeit, aber hier kannst du selber testen. ;)
Install multiple versions of IE on your PC | TredoSoft

Also es geht nun auch beim 6er *freu*

Jetzt stell ich mir aber die Frage..wie krieg ich beim FF und beim 7er die Punkte neben der Navigation wieder weg???

Zitat:

Zitat von INTERAKT!V (Beitrag 334828)

Also es geht nun auch beim 6er *freu*

Jetzt stell ich mir aber die Frage..wie krieg ich beim FF und beim 7er die Punkte neben der Navigation wieder weg???

Code:

ul#leftnav li {

        list-style:none;

}

Alternativ könntest du die Punkte natürlich einfach drin lassen, sammeln und dem Karnevalsverein als Konfetti spenden. :lol:

Zitat:

Zitat von Yrr (Beitrag 334860)

Code:

ul#leftnav li {

        list-style:none;

}

Alternativ könntest du die Punkte natürlich einfach drin lassen, sammeln und dem Karnevalsverein als Konfetti spenden. :lol:

der Spruch ist gut :p

Das mit

ul#leftnav li {
list-style:none;}

habe ich gestern gleich probiert, aber soblad ich das "a" hier : ul#leftnav li a{ entferne zerhaut der mir die Buttons...

Edit: Glaube es ist raus. Danke. Habe statt list-style einfach list-style-type genommen