Menú con lista+CSS y IE6
he hecho una web con un menu básico con lista y css:
ul#menu{
list-style-type: none;
position: relative;
height: 30px;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 16px;
color: #84582c;
margin: 0 0 0 0;
padding: 0 0 0 81px;
background: #fff;
}
ul#menu li{
display: block;
float: left;
margin: 0 0 0 0;
height: 30px;
line-height: 30px;
border-left: #c8bbbb 1px solid;
}
ul#menu li.dcha{
display: block;
float: left;
margin: 0 0 0 0;
height: 30px;
line-height: 30px;
border-right: #c8bbbb 1px solid;
}
ul#menu li a{
display: block;
color: #84582c;
background: #fff;
text-decoration: none;
padding: 0 17px 0 18px;
height: 30px;
}
ul#menu li a:hover{
color: #fff;
background: #c8bbbb;
}
el caso es que se ve corectamente en los navegadores salvo en el ie6...como el ul#menu li a no tiene ancho sale como en lista no horizontal...
¿como lo solucionais esto??? (y no puedo cambiar el navegador...)
Fritsch
resuelto añadiendo float: left; en ul#menu li a
elabrelatas
yo finalmente he tenido que desistir de este tipo de menús.
El IE6 y 7 no lo leen bien y he perdido 1 día para intentar resolverlo.
Alguna vez habéis sentido la necesidad de exterminar un programa? a mi me pasa con el Explorer....
De todos modos, probaré otro día el que tu pones.
Saludo
Fritsch
mira los ejemplos de aqui, van bastante bien