Firefox-ban és Chrome-ban szépen megjelenik, ahogy kell, pont úgy, ahogy én akarom a következő képpen:
IE-ben viszont nem úgy jelenik meg. A lenyíló menü nem a főmenü alatt, hanem mellette jelenik meg.
Mit kéne változtatnom, hogy jó legyen, illetve ugyanúgy nézzen ki ie-ben is, mint ff-ben és chrome-ban?
Az alábbi kódoth használom jelenleg:
CSS:
HTML kód:
#top-menu {
float:left;
}
#top-menu li {
display:inline;
list-style:none;
float:left;
}
#top-menu li a {
display:block;
}
#top-menu li ul {
display:none;
position:absolute;
z-index:1;
border: double #AAA;
border-width:0 3px 3px;
}
#top-menu li li {
float:none;
list-style:none;
margin:0;
padding:0;
border:0;
}
#top-menu li:hover ul {
float:none;
display: block;
}
#top-menu li li a {
display:block;
overflow:hidden;
} FORRÁS:
HTML kód:
<ul id="top-menu">
<li><a href="/">Szolgáltatásaink</a>
<ul>
<li><a href="/">valami1</a></li>
<li><a href="/">valami2</a></li>
</ul>
</li>
Arni
Lenyíló menü css-ben
Válaszol idézettel
djarni eredeti hozzászólása
Ez vígasztal. De, hogy mi okozza, az a nagy kérdés. Majd még körbenézem a kódot, hátha máshol van gubanc. Bár a feljebb lévő css szinten nem látok semmit. Egyébként még mindig elviselhető ez az állapot, mert legalább megjeleníti, csak kicsit másként. A legundorítóbb az, amikor szétesik az oldal, azt nagyon utálom.
osition-t, akkor top, és left értéket is célszerű megadni.
Könyvjelzők