nästlade horisontella listor

2 svar · 326 visningar · startad av icaaq 15 sep. 2005

icaaqMedlem sedan okt. 20005 273 inlägg

Frågan15 sep. 2005 06:46#1

Tjenare.
Om ni kollar in http://member.webforum.nu/1029/nestedlist.htm i IE så ser ni hur jag vill ha det. Om ni sedan kollar i Opera 8 eller FF 1.5b så ser ni mitt problem. Jag vet att man kan lösa det med att sätta en fast width på ul li ul men i detta fall kan/vill jag inte göra det.

Finns det någon workaround för detta?

mv icaaq

martinMedlem sedan apr. 2000313 inlägg

16 sep. 2005 05:36#2

Kom på det:

#nav ul ul{
position: absolute;
left: 0px;
top: 1.6em;
display:table;
}
#nav ul ul li{
display:table-cell;
float:none;
}
* html #nav ul ul li{
float:left;
}

Funkar i IE 6, FF 1.0.6 och Opera 8.02

/ m a r t i n

icaaqMedlem sedan okt. 20005 273 inlägg

16 sep. 2005 07:00#3

Tack det funkar säkert ;) men jag hade redan löst det med display: inline

#nav ul{
list-style: none;
}
#nav ul li{
display: inline;
position: relative;
border: 1px solid #999;
padding: 0px 5px;
}
/* Second level navigation
----------------------------------------------- */
#nav ul li ul{
position: absolute;
top: 20px;
}

mv icaaq