Pero ahora que es lo que te sucede con lo anterior lo que hacíamos era anular
para el ie el valor negativo del margin.
Núria Ramoneda <[EMAIL PROTECTED]> escribió: Grácias Nicolás, lo acabo de
probar y tampoco va (en IE, en Firefox sigue
viéndose correctamente)
Por cierto que ahora me doy cuenta que al pegar antes el código html sólo se
ha pegado el contenido.
Lo vuelvo a poner:
222222
Item two
Item three
Item four
Item five
>>Hola Nuria mira a ver si añadiendo esto sale lo que tu quieres
#navlist ul
{
margin-left:-60px!important;
margin-left:0px;
position: relative;
z-index: 2;
}
Núria Ramoneda escribió:
Estoy tratando de hacer una versión vertical de un menú horizontal que
aparece en listamatic [1].
El caso es que el menu en Firefox se ve perfectamente, pero en IE sólo se ve
la mitad, debido a que no muestra lo que hay más allà del margen negativo
que utilizo para crear la línia (borde) entre los elementos de la lista. He
estado mirando sobre el tema y probando pero no encuentro la solución y
quizás sea porqué no acabo de entender cómo manejar el problema (cierto) o
porque no hay solución.
Un ejemplo en: http://www.filsalvent.net/provamenuvertical.htm
En fin, si alguien tiene una idea o una referencia en dónde pueda encontrar
ideas... se agradece de antemano.
Núria
Aqui va la css:
*{margin:0;padding:0;}
#navcontenidor{
margin-left: 50px;
}
#navlist
{
width:60px;
margin-left: 60px;
padding:10px 0 10px 0;
border-left: 3px solid #00A0D8;
z-index: 1;
}
#navlist ul
{
margin-left:-60px;
position: relative;
z-index: 2;
}
#navlist li
{
list-style-type: none;
text-align: center;
margin-bottom:20px;
overflow: visible;}
#navlist li a
{
padding: 1px 7px;
color: #00A0D8;
background-color: #fff;
border: 2px solid #ccc;
text-decoration: none;
font-weight:bold;
display:block;
}
#navlist li a:hover
{
color: #000;
border: 2px solid #00A0D8;
border-top: 2px solid #00A0D8;
border-bottom: 2px solid #00A0D8;
}
I aquí el código xhtml:
222222
Item two
Item three
Item four
Item five
[1] http://css.maxdesign.com.au/listamatic/horizontal19.htm
_______________________________________________
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
__________________________________________________
Correo Yahoo!
Espacio para todos tus mensajes, antivirus y antispam ¡gratis!
Regístrate ya - http://correo.yahoo.es
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
