CSS List Bugs

[Avedo]

Abend!
Habe ein kleines Problem. Und zwar habe ich einen IE-Bug in den Listen auf http://www.avedo.net/avedo_design. Momentan geht es speziell um die Navigation und die Listen in der Sidebar. Ich habe mich etwas umgesehen und, wie ich glaubte eine Lösung für mein Problem gefunden. Es sollte sich angeblich um zwei Bugs handeln, die wie folgt zu beheben wären.

Code: Alles auswählen

body ol li      { display: list-item; }

* html ul         { position: relative; }

* html ol         { position: relative; }

* html dl         { position: relative; }

Leider ist dem nicht so. Wie kann ich denn diesen Fehler beheben?
Zum CSS-Code.
Wäre sehr dankbar, wenn mir jemand helfen könnte.
MfG, Andy

PS: Ich hasse den IE.

[Eyecatcher]

In meiner Listnavigation, die ich irgendwann mal im Netz gefunden hab und leicht anzupassen ist und vom Aussehen deiner sehr ähnlich ist, stehen in Sachen IE folgendes:

Code: Alles auswählen

* html ul.Navigation a {  /* Breitenangaben nur fuer IE */
width: 100%;
w\idth: 8.8em;
}
* html ul.Navigation {  /* Korrekturen fuer IE 5.x */
width: 11.6em;
w\idth: 10em;
padding-left: 0;
padd\ing-left: 0em;
}

Der restliche Code, falls dus brauchst:

Code: Alles auswählen

ul.Navigation {
width: 100%;
margin: 0;
padding: 0;
}

ul.Navigation li {
list-style: none;
margin: 0.0em;
padding: 0;
}

ul.Navigation a {
display:block;
padding: 0.3em;
text-decoration: none;
font-weight: bold;
}

ul.Navigation a:hover {
color: white;
background-color: gray;
}

P.S.: Du auch?

[Avedo]

Das Problem ist, dass diese Navigation bzw. diese Listen in einem floate-Bereich liegen. Daher der Bug. Trotzdem danke.
MfG, Andy

[schnuppel]

Hallo,

ka, von was für nem Bug Du da sprichst. Allerdings musste Deine ul schon definieren.

ul, ol, dl { margin: 1em 0; padding-left: 30px }

Schmeiß mal dieses text-align zeugs raus.

Gruß

Schnuppel

[Avedo]

Hallo Schnuppel!
Danke schonmal für deine Hilfe. Zumindest ist jetzt der Bug bei den "normalen" Listen in der Sidebar weg. Leider bleibt der Bug bei der aus Listen gemachten Navigation in der Sidebar. Weiß jemand, wie ich den beheben kann?
MfG, Andy

[schnuppel]

Hallo,

#subcontainer { position:relative; margin:0; width:190px; float:left;}

#subcontainer ul { margin:0; padding:0; list-style-type: none; }

#subcontainer li { }

#subcontainer a { display: block; padding: 3px; width: 184px; background-color: #dfdfdf; border-bottom: 1px solid #efefef; }

#subcontainer a:link, #sublist a:visited { color: #999;}

#subcontainer a:hover { background-color: #ccc;color: #666;}

Gruß

Schnuppel

[Avedo]

Morgen!
Danke erstmal an dich schnuppel. Ich habe jetzt ein bisschen mit diesem Code rumgespielt, aber es hat sich nichts gebessert. Es wurde eher noch schlimmer. Hat denn keiner eine Idee, wo das Problem nun konkret liegt?
MfG, Andy

[schnuppel]

Hallo,

der IE behandelt das :active wie :focus; musst also anpassen

Gruß

Schnuppel

[Avedo]

So danke erstmal an alle. Der Fehler ist vorerst behoben, da ich nochmal fast von vorne angefangen habe. Gibt aber noch viel zu tun. http://www.avedo.net/avedo_design
MfG, Andy