Moin,
ich habe eine Liste als Navi und möchte auch die Listenpunkte darstellen. Dabei ist mir aufgefallen dass der Listenpunkt im IE6 nicht wie üblich oben sondern unten angeordnet wird
Nach einer Analyse habe ich festgestellt dass es an der Dimension des a-Tag (block) hängt. Nur ohne Dimension ist der Navi-Block im IE bekanntlich nicht voll Anklickbar. Ob ich nun mit height, zoom (invalid) oder width (schlecht wegen Boxmodel) arbeite ist egal.
Evtl. hat ja noch jemand eine andere Idee
css:
Code:
* {
margin: 0;
padding: 0;
}
#menu {
width: 10em;
margin: 1em;
border: 1px solid #000000;
padding: 1em;
background-color: #FFFFFF;
}
#menu ul {
padding-left: 2em;
}
#menu li {
margin: .2em;
background-color: #DDDDFF;
}
#menu li a {
display: block;
/* Dimension IE
* somit voll anklickbar
*/
height: auto ! important;
height: 1px;
/* zoom: 1;
*/
padding: .2em;
font-size: .8em;
line-height: 1.3em;
}
#menu li a:hover
{
background-color: #FFCCCC;
}
xhtml
Code:
<div id="menu" title="Hauptmenu">Jamaika Navigation
<ul> [*]eiiiihhnss ... [*]zwüüööö ...... [*]<a href="#">cool
runnings
.... </a> [/list]</div>