Hallo,
ich arbeite gerade an einer Website, die ein horizontales Drop-Down (in meinem Fall eher "Pull-Up", nur für den Fall dass man mich nach Lektüre des Codes darauf hinweisen möchte, ich bin mir dessen bewusst, das ist gewollt) verwendet. Nach langem Hin und Her (die Häufigen Fragen hier haben mir sehr weiter geholfen) bleibt bei der Darstellung noch ein Problem: Während Firefox meine Unterpunkte wie gewollte unter- bzw. übereinander darstellt, bekomme ich den IE nicht so recht dazu, er setzt sie immer nebeneinander.
Hier ist der Code:
Code:
#menu {
width: 100%;
float: left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}
#menu a {
font: 10px verdana;
margin: 0; padding: 2px 3px;
display: block;
width: 150px;
color: #000;
background: #ffffff;
text-decoration: none;
}
#menu h2 {
font: 10px verdana;
margin: 0; padding: 2px 3px;
display: block;
white-space: nowrap;
color: #000000;
text-decoration: none;
}
#menu a:hover {
color: #a00;
}
#menu li {
position: relative;
}
#menu ul ul {
position: absolute;
z-index: 500;
bottom: 15px;
}
Die Conditional Comments sehen so aus:
Code:
<!--[if IE]>
<style type="text/css" media="screen">
#menu ul li {float: left; }
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {behavior: url(csshover.htc); font-size: 100%;}
#menu ul li a {height: 1%;}
}
</style>
<![endif]-->
Schon mal im Vorraus vielen Dank für jegliche Hilfe!