Hola a todos.

Muchas gracias por las rápidas y buenas respuestas que me habéis dado.

Al final he aplicado la solución de juntar todos los <LI> en una sola
línea ya que el resto de las opciones aunque reducían la separación
dejaban un pequeño espacio en la parte superior.

Tal y como me habeis comentado este comportamiento se debe a un bug del
IE y eso me plantea una nueva duda. ¿Dónde puedo consultar los bugs de
los navegadores? La verdad es que da mucha rabia batallar durante horas
con un código para luego enterarse que es un error del programa.

De todas formas muchas gracias por las respuestas y un saludo.

Oscar



-----Mensaje original-----
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
nombre de Mario Bunge
Enviado el: martes, 29 de junio de 2004 23:39
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Menu en columna

Hola: Hice un par de cambios, que te señalo en el archivo adjunto. Ahora
se ve bien con Explorer 6, Opera 7.51 y Mozilla 1.6
El esencial era asignar width: 100%;  en    div#menusos ul li a {   }
Decime si esto te ha servido.
Saludos

Oscar Linares <[EMAIL PROTECTED]> wrote: 

Hola a todos.

Tengo el siguiente menú.


Áreas



   Ciencias Naturales

   Ciencias Sociales, Geografía e
Historia

   Educación Física

   Educación Plastica y Visual

   Filosofía, Ética o
Religión

   Lengua Castellana y Literatura

   Música

   Tecnología







Con estas CSS.

body {
padding: 0px; margin: 0px 0px; font-family: verdana, arial,
sans-serif;
}
h2 {
text-align: left; font-weight: bold; font-size: 14px; color:
#f60; font-family: arial, sans-serif;
}
div#menus {
width: 115px; background-color: #ffffff;
}
div#menusos ul {
border-top: #999999 1px solid; margin: 0px; padding: 0px;
list-style-type: none;
}
div#menusos ul li {
margin: 0px; padding: 0px;
}
div#menusos ul li a {
margin: 0px; padding: 5px; display: block; color: #3d3d3b;
text-decoration: none; text-align: right; font-size: 9px; border-bottom:
#999999 1px solid; border-left: #999999 1px solid; border-right: #999999
1px solid;
}
div#menusos ul li a:hover {
background-color: #ffbd7b;
}

En FIREFOX el menú en columna se ve perfectamente, pero en IE cada
opción esta separada de la opción superior. He probado todos los MARGIN
y PADDING posibles (creo) pero sigue sin funcionar en IE.

Si alguien me puede decir que es lo que hago mal... Muchas gracias.

Un saludo.

Oscar



_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org




---------------------------------
 ¿Buscás un auto?
Encontralo en Yahoo! Autos
¡Más de 4000 clasificados todos los días!
Usados - 0 km - Vendé el tuyo


_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Responder a