IE9 und csshover.htc?

o.the.run · #1 (**permalink**) 31.07.2011, 18:52

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>*/

über Hilfe wäre ich sehr dankbar, ist so ziemlich der letzte Schliff an der Navi, die ohne IE schon fertig wäre.

Gruß

fricca · #2 (**permalink**) 31.07.2011, 19:02

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.

o.the.run · #3 (**permalink**) 31.07.2011, 22:01

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.

Praktikant · #4 (**permalink**) 31.07.2011, 22:03

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

fricca · #5 (**permalink**) 31.07.2011, 22:08

Zitat:

Zitat von o.the.run

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.

Doch, ich denke schon, dass es am Darstellungsmodus liegt -- eigentlich bin ich da sogar ziemlich sicher -- obwohl ich anhand des CSS-Fragments keinen Anhaltspunkt diesbezüglich habe. CSS ohne zugehöriges HTML ist weitgehend nutzlos.
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:

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).

Ja, es gibt "Freehoster" (<-Suchbegriff).

o.the.run · #6 (**permalink**) 01.08.2011, 10:26

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ß

fricca · #7 (**permalink**) 01.08.2011, 11:04

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.

o.the.run · #8 (**permalink**) 01.08.2011, 11:07

hmm..seltsam. Naja umso besser für mich.
Viel zu tun,du sagst es. Werde die Fehler beheben und dann nochmal alles durchtesten. Danke für deine Hilfe.

fricca · #9 (**permalink**) 01.08.2011, 11:12

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

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ä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