|
|||
IE9 und csshover.htc?
Hallo zusammen,
habe ein Drop-Down Menü mittels CSS erstellt und in Firefox/Safari läuft die Sache reibungslos. Nur im IE 9 will das Submenü nicht sichtbar werden. Habe auch csshover.htc versucht, bringt alles nichts. Das Seltsame ist, dass der Code von dem ich meinen abgewandelt habe, ohne Probleme im IE 9 funktioniert. Hier der original Code und hier meiner: Code:
body { background-color: #FFF; behavior:url("csshover3.htc"); /**** für IE ****/ } /************************************* Hauptnavigation *************************/ ul#navigation { list-style-type: none; padding: 0; margin: 0; border: 0; top: 0px; left: 0px; width: 916px; height: 66px; background:; } /*für alle links*/ a, a:link, a:visited { text-decoration:none; text-align:center; color:#FFF; font:12pt 'Arial'; line-height:250%; text-shadow:1px 1px 1px #000; } a, a:hover { text-decoration:none; text-align:center; color:#133950; font:12pt 'Arial'; line-height:250%; text-shadow:1px 1px 1px #FFF; } /** fur alle Sublinks **/ ul#navigation li ul li a:link, ul#navigation li ul li a:visited ul#navigation li ul li a:hover { text-shadow:none; font:10pt 'Arial'; line-height:150%; background-image:url(Tyre_100_Grafiken/Navigation/subbtn_active.jpg); } /*<group=level 1>*/ ul#navigation li { padding: 0; margin-left: 2px; display:block; float: left; text-indent:; position:relative; background-image:url(Tyre_100_Grafiken/Navigation/banner_bg_bottom.jpg); } ul#navigation li:hover { border: 0; display:block; background-image:url(Tyre_100_Grafiken/Navigation/btn_active.jpg); } ul#navigation li a { border: 0; display: block; height: 44px; } ul#navigation li a:hover { border: 0; display: block; } ul#navigation li a:active { border: 0; display: block; } /*</group>*/ /*<group=level 1 ids>*/ li#home a { width: 161px; } li#leistungen a { width: 152px; } li#leistungen a:link, li#leistungen a:visited, li#leistungen a:hover { } li#produkte a { width: 129px; } li#produkte a:link, li#produkte a:visited, li#produkte a:hover { background-position: -124px 0px; } li#medien a { width: 112px; } li#medien a:link, li#medien a:visited, li#medien a:hover { background-position: -207px 0px; } li#unternehmen a { width: 180px; } li#unternehmen a:link, li#unternehmen a:visited, li#unternehmen a:hover { background-position: -264px 0px; } li#suche a { width: 168px; } li#suche a:link, li#suche a:visited, li#suche a:hover { background-position: -331px 0px; } /*</group>*/ /*<group=level 2>*/ #navigation li ul { display: block; visibility: hidden; position: absolute; left: 0px; width: 600px; margin: 0; } #navigation li:hover ul { visibility: visible; z-index: 100; } #navigation li#leistungen ul { background: none; height: 32px; margin-left: -42px; } #navigation li#produkte ul { background: none; height: 32px; margin-left: -42px; } #navigation li#medien ul { background: none; height: 32px; margin-left: -42px; } #navigation li#unternehmen ul { background: none; height: 32px; margin-left: -200px; } * html #navigation li#medien ul { margin-left: 233px; } * html #navigation li#leistungen ul { margin-left: 79px; } /*</group>*/ /*<group=level 2 ids>*/ /** Subnavi Leistungen **/ ul#navigation li#leistungen ul li#funktioniert a:link, ul#navigation li#leistungen ul li#funktioniert a:visited { width: 120px; height: 22px; } ul#navigation li#leistungen ul li#funktioniert a:hover { width: 120px; height: 22px; } ul#navigation li#leistungen ul li#vorteile a:link, ul#navigation li#leistungen ul li#vorteile a:visited { width: 120px; height: 22px; margin-left:-2px; } ul#navigation li#leistungen ul li#vorteile a:hover { width: 120px; height: 22px; margin-left:-2px; } ul#navigation li#leistungen ul li#gewinnspiel a:link, ul#navigation li#leistungen ul li#gewinnspiel a:visited { width: 120px; height: 22px; margin-left:-2px; } ul#navigation li#leistungen ul li#gewinnspiel a:hover { width: 120px; height: 22px; margin-left:-2px; } /** Subnavi Produkte **/ ul#navigation li#produkte ul li#ausprodukte a:link, ul#navigation li#leistungen ul li#ausprodukte a:visited { width: 150px; height: 22px; } ul#navigation li#produkte ul li#ausprodukte a:hover { width: 150px; height: 22px; } ul#navigation li#produkte ul li#aushersteller a:link, ul#navigation li#produkte ul li#aushersteller a:visited { width: 150px; height: 22px; margin-left:-2px; } ul#navigation li#produkte ul li#aushersteller a:hover { width: 150px; height: 22px; margin-left:-2px; } ul#navigation li#produkte ul li#ausdimension a:link, ul#navigation li#produkte ul li#ausdimension a:visited { width: 150px; height: 22px; margin-left:-2px; } ul#navigation li#produkte ul li#ausdimension a:hover { width: 150px; height: 22px; margin-left:-2px; } /** Subnavi Medien **/ ul#navigation li#medien ul li#news a:link, ul#navigation li#medien ul li#news a:visited { width: 120px; height: 22px; } ul#navigation li#medien ul li#news a:hover { width: 120px; height: 22px; } ul#navigation li#medien ul li#presse a:link, ul#navigation li#medien ul li#presse a:visited { width: 120px; height: 22px; margin-left:-2px; } ul#navigation li#medien ul li#presse a:hover { width: 120px; height: 22px; margin-left:-2px; } ul#navigation li#medien ul li#kontakt a:link, ul#navigation li#medien ul li#kontakt a:visited { width: 120px; height: 22px; margin-left:-2px; } ul#navigation li#medien ul li#kontakt a:hover { width: 120px; height: 22px; margin-left:-2px; } /** Subnavi Unternehmen **/ ul#navigation li#unternehmen ul li#team a:link, ul#navigation li#unternehmen ul li#team a:visited { width: 120px; height: 22px; } ul#navigation li#unternehmen ul li#team a:hover { width: 120px; height: 22px; } ul#navigation li#unternehmen ul li#zahlen a:link, ul#navigation li#unternehmen ul li#zahlen a:visited { width: 120px; height: 22px; margin-left:-2px; } ul#navigation li#unternehmen ul li#zahlen a:hover { width: 120px; height: 22px; margin-left:-2px; } ul#navigation li#unternehmen ul li#stellen a:link, ul#navigation li#unternehmen ul li#stellen a:visited { width: 150px; height: 22px; margin-left:-2px; } ul#navigation li#unternehmen ul li#stellen a:hover { width: 150px; height: 22px; margin-left:-2px; } ul#navigation li#unternehmen ul li#camodo a:link, ul#navigation li#unternehmen ul li#camodo a:visited { width: 120px; height: 22px; margin-left:-2px; } ul#navigation li#unternehmen ul li#camodo a:hover { width: 120px; height: 22px; margin-left:-2px; } /*</group>*/ Gruß |
Sponsored Links |
|
|||
In welchem Darstellungsmodus ist IE9?
Der Link auf das funktionierende Original bringt nichts. Ein Link auf dein Problem muss her! http://xhtmlforum.de/40080-f-r-frage...twortende.html Nein, IE9 (und 8 und 7) braucht kein csshover.htc.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken Geändert von fricca (31.07.2011 um 19:05 Uhr) Grund: Typo |
Sponsored Links |
|
|||
Also am Darstellungsmodus kann es eigentlich nicht liegen, weil es beim original Code mit dem IE ja funktioniert und die Subnavi dort angezeigt wird. Nur bei meiner abgewandelten Version wie gesagt nicht.
Ich würde das ganze ja gerne online stellen, aber habe leider keine Möglichkeit dazu. (Oder gibt es da kostenlose Möglichkeiten? Mache nur die Seite, mit dem online stellen kenne ich mich noch nicht aus). Danke im voraus. |
|
||||
Es kann sehr wohl am Darstellungsmodus liegen. Der IE kennt etwas mit dem Namen Quircksmodus.
Hier kannst du dir einen kostenlosen Anbieter aussuchen. Google hätte dir da auch geholfen. bplaced wird oft genutzt, die Neuanmeldung ist zurzeit aber nicht möglich... Free Host - Kostenlos Webspace für die Homepage » realwebmaster.net
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade! |
|
|||
Zitat:
Meine Kristallkugel sagt mir, dass dein IE im Kompatibilitätsmodus ist, weil er das für die "lokale Zone" per Default ist und du lokal testest. Ob auch noch der Quirksmodus getriggert wird -- wer weiß das schon. [edit: Nein, liebe Kristallkugel, wäre es nur der Komp-Modus hätten wir einen IE7-Behave-Alike. Also muss es gar der Quirksmodus sein.] Um allen solche Ratespiele zu ersparen: Siehe die Hinweise für Fragende Zitat:
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken Geändert von fricca (31.07.2011 um 22:14 Uhr) |
|
|||
Habe ein paar Tests gemacht und folgende Erkenntnis gezogen:
-Navi alleine ohne den Rest der Website, läuft auch im IE reibungslos. -Wenn ich die Seite online habe, läuft sie auch im IE, dieser schaltet dort in den Komp-modus. -> beim lokal testen wechselte er nicht den Modus. Danke für die Hilfe. Habe ich denn nun eine Möglichkeit, dass es auch bei ausgeschaltetem Komp-Modus funktioniert? hier die Seite Gruß Geändert von o.the.run (01.08.2011 um 10:35 Uhr) |
|
|||
Kann ich nicht nachvollziehen. Mein IE9 ist nicht im Kompatibilitätsmodus und das Menü klappt aus.
Die Seite ist fehlerhaft, das Stylesheet auch. Die Inline-Styles sollten alle weg. Es gibt noch viel zu tun.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Ich empfehle dir, das erstmal beseite zu legen und dich mit Grundlagenlektüre zu befassen.
Was du da hast hat wenig mit einer Webseite zu tun. Da sind nur massenhaft leere, aneinandergeklebte Divs, vermutlich das Ergebnis einer Photoshop-Slice-Aktion. (Nein, Hintergrundbilder ändern nichts daran, dass ein Element leer ist.) Eine Ahnung davon, wie HTML funktioniert, kannst du unter folgendem Link bekommen: Vorsprung durch Webstandards | Retro-Coding: Semantischer Code ist der Anfang von gutem Design
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
IE9 will nicht so wie er soll. | gfx-mediastudios | CSS | 3 | 19.07.2011 17:17 |
Seit IE9 Problem mit Superfish Menu | theidmann | CSS | 7 | 24.05.2011 15:17 |
Line-height, @font und der IE9 (beta) | alexplus | CSS | 1 | 16.09.2010 22:27 |
IE9 Entwicklung hat begonnen. | andir | Offtopic | 18 | 30.11.2009 13:32 |
Fly out Menu - mit Peterned´s csshover.htc oder Suckerfish JavaScript? | Chico_wau | CSS | 2 | 07.07.2008 22:01 |