XHTMLforum

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)

INTERAKT!V 29.05.2007 09:13

Problem mit Navigation in css Layout
 
Liste der Anhänge anzeigen (Anzahl: 1)
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:

INTERAKT!V 29.05.2007 14:56

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

heiko_rs 29.05.2007 17:32

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

Yrr 29.05.2007 18:58

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);
}


INTERAKT!V 29.05.2007 20:44

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*

ArcVieh 29.05.2007 23:54

Zitat:

Zitat von INTERAKT!V (Beitrag 334778)
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*

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

INTERAKT!V 30.05.2007 08:06

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???

fricca 30.05.2007 12:30

Listen: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Yrr 30.05.2007 13:16

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:

INTERAKT!V 30.05.2007 14:56

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


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:36 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2021, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2020