|
|||
IE ignoriert Klasse
Hi,
ich habe folgende Klassen: Code:
<li class="wissen active"><a href="#">WISSEN</a></li> <li class="nuetzlich"><a href="#">NÜTZLICH</a></li> <li class="merken"><a href="#">MERKEN</a></li> <li class="bestof"><a href="#">BEST OF</a></li> Code:
.navigation ul li.wissen {border-bottom:3px solid #2a78d1;} .navigation ul li.nuetzlich {border-bottom:3px solid #3d7c40;} .navigation ul li.merken {border-bottom:3px solid #f10ac9;} .navigation ul li.bestof {border-bottom:3px solid #fe7d00;} .navigation ul li.wissen.active {background-color:#2a78d1;} .navigation ul li.nuetzlich.active {background-color:#3d7c40;} .navigation ul li.merken.active {background-color:#f10ac9;} .navigation ul li.bestof.active {background-color:#fe7d00;} Mein Problem ist nun, dass der IE die Zwischenklasse z.B. wissen ignoriert. Ich könnte also genausogut .navigation ul li.active {background-color:#fe7d00;} hinschreiben. Den letzen Hintergrundwert verwendet der IE dann. Firefox macht es richtig. Habt ihr eine Lösungsidee?
__________________
www.daspinkewort.de |
Sponsored Links |
|
|||
Mal ein kurzer Lösungsvorschlag auf die Schnelle...
versuch doch deine li-Klassen direkt anzusprechen. Also anstatt: Code:
.navigation ul li.wissen {border-bottom:3px solid #2a78d1;} .navigation ul li.nuetzlich {border-bottom:3px solid #3d7c40;} .navigation ul li.merken {border-bottom:3px solid #f10ac9;} .navigation ul li.bestof {border-bottom:3px solid #fe7d00;} .navigation ul li.wissen.active {background-color:#2a78d1;} .navigation ul li.nuetzlich.active {background-color:#3d7c40;} .navigation ul li.merken.active {background-color:#f10ac9;} .navigation ul li.bestof.active {background-color:#fe7d00;} Code:
li.wissen {border-bottom:3px solid #2a78d1;} li.nuetzlich {border-bottom:3px solid #3d7c40;} li.merken {border-bottom:3px solid #f10ac9;} li.bestof {border-bottom:3px solid #fe7d00;} li.wissen.active {background-color:#2a78d1;} li.nuetzlich.active {background-color:#3d7c40;} li.merken.active {background-color:#f10ac9;} li.bestof.active {background-color:#fe7d00;} .wissen.active ? Möchtest du über Klasse "wissen" auf die Klasse "active" zugreifen ( die in deinen Markup nicht existiert )? Oder möchtest du auf die Pseudoklasse ":active" verweisen? Diese wird dann nämlich mit einem Doppelpunkt geschrieben. Hier dazu ein kleiner Link. :active: Aktiviertes Element: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets Vielleicht liegt nämlich genau da das Problem. Wie gesagt, obige Notation ist mir nicht geläufig. Aber ich lerne gerne dazu |
Sponsored Links |
|
||||
Guten Morgen!
Ich weiss ja nicht wie Dein html drumrum aussieht, aber wenn ich es so notiere: Code:
ul.navigation li.wissen {border-bottom:3px solid #2a78d1;} ul.navigation li.nuetzlich {border-bottom:3px solid #3d7c40;} ul.navigation li.merken {border-bottom:3px solid #f10ac9;} ul.navigation li.bestof {border-bottom:3px solid #fe7d00;} ul.navigation li.wissen.active {background-color:#2a78d1;} ul.navigation li.nuetzlich.active {background-color:#3d7c40;} ul.navigation li.merken.active {background-color:#f10ac9;} ul.navigation li.bestof.active {background-color:#fe7d00;} Code:
<ul class="navigation"> <li class="wissen active"><a href="#">WISSEN</a></li> <li class="nuetzlich"><a href="#">NÜTZLICH</a></li> <li class="merken"><a href="#">MERKEN</a></li> <li class="bestof"><a href="#">BEST OF</a></li> </ul> Hier wäre wichtig dein html zu kennen, möglicherweise fehtl den <li> HasLayout. Oder Inta hat recht - was ich nicht weiss. NACHTRAG: Laut Selfhtml geht es tatsächlich im IE 6 so nicht. http://de.selfhtml.org/html/attribut...htm#uebersicht Was ich aber probieren würde ist: Gib den <a> display: block und definiere eine aktive Klasse Die Du im gewünschten li auf dem <a> aufrufst. Ich kann es grade nicht vormachen, weil ich weg muß. Geändert von paracelsus (12.08.2008 um 09:25 Uhr) |
|
|||
Tatsächlich.. der IE 6 kann das einfach nicht. Hab es jetzt mit einem a.active gelöst.
Wo bleibt der Virus der alle IE's auf der Welt löscht und jeder sich den allerneusten downloaden muss
__________________
www.daspinkewort.de |
|
|||
Naja, viele können halt nicht anders als mit dem IE 6.
Wenn du dir nämlich per Update den 7er runterladen willst prüft MS ob dein Windows überhaupt legal gekauft wurde, oder "geklaut". Da es einige Leute gibt bei denen ein Freund einfach eine gebrannte Windows drauf gespielt hat bleiben die auf dem 6er hängen. Auch haben viele ( besonderes ältere Leute ) Angst vor Updates und Neuem. Und werden daher ein Teufel tun sich den 7er zu holen. Daher wird noch EINIGE Zeit vergehen bis wir den IE 6 weglassen können. Aber sonst wäre es ja auch Langweilig wenn immer gleich alles funktioniert |
|
|||
Stimmt, der IE < 7 kann es wirklich nicht: Multiple class Bug
|
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
jquery.addClass() & Klasse unter ID Problem | solick | Javascript & Ajax | 2 | 17.01.2011 20:57 |
foreach() jedem zweiten element andere klasse geben? | sepp88 | Serveradministration und serverseitige Scripte | 2 | 26.09.2009 00:08 |
PHP OOP: Datenbankeintrag Klasse - ein paar theoretische Überlegungen | braindead | Serveradministration und serverseitige Scripte | 17 | 24.07.2009 06:29 |
php Klassen - Einsatz und Sinn? | paracelsus | Serveradministration und serverseitige Scripte | 306 | 17.02.2009 19:51 |
Safari ignoriert CSS-Klasse | recipient | CSS | 0 | 20.02.2006 18:45 |