✔ CSS Slide-Menu - IE7 Workaround

[ZodiacXP]

Es wird eine Art Slide-Menü benötigt, was über CSS laufen soll und auch für den eigenwilligen IE funktionieren soll.
Allerdings wird folgendes beim IE7 nicht "aufgeklappt":

<style type="text/css">
<!--
	
.info li {
	list-style-type: none;
	display:block;
	padding:0;
	margin:0;
}
.info li a, .info li a:visited {
	display:block;
}
.info li dd {
	display:none;
}

.info li:hover, .info li a:hover {
	border:0;
}
.info li:hover dd, .info li a:hover dd {
	display:block;
}

.info table {border-collapse:collapse; padding:0; }
.info dl {margin:0;}
.info dt {margin:0; padding: 0;}
.info dd {margin:0; padding:0;}

//-->
</style>

<ul class="info"><li>
<!--[if lte IE 6]><a href="#"><table><tr><td><![endif]-->
<dl>
	<dt>
		<b>Warning:</b>
		Found uncompressed files
	</dt>
	<dd>FOO</dd>
</dl>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li></ul>

Verstehe ich ehrlich gesagt nicht warum.
Wer sieht es?
Gibt es eventuell eine "kürzere" / "einfacherere" Lösung?

 

[Maik]

Hi,

verrätst du uns auch, welches Menü du von Stu Nicholls ausgewählt hast, denn mir scheint der Code unvollständig, da im HTML-Code die Klasse .info fehlt, damit die Selektoren auch eine Übereinstimmung finden.

mfg Maik

 

[ZodiacXP]

Düssen: http://www.cssplay.co.uk/menus/slide_definition.html

Hatte vorhin aus Versehen div statt ul hier angegeben.

 

[Maik]

<ul class="info"><li>
<!--[if lte IE 6]><a href="#"><table><tr><td><![endif]-->
<dl class="info">
        <dt>
                <b>Warning:</b>
                Found uncompressed files
        </dt>
        <dd>FOO</dd>
</dl>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li></ul>

... und dein erwünschter "IE7-Workaround" löst sich in Luft auf

Ansonsten solltest du mal das HTML-Dokument im standardkonformen Modus übergeben, denn im "Quirksmode" verweigert hier der IE7 seine Dienste.

mfg Maik