Hola Ángel,
Angel seron wrote:
buena que tal estyo comenzando hacer una web en css pero solo eh comenzado
por el menu principal de la izq.
la pagina ahorita se ve asi en la parte del menu de la izq.
http://www.peruforless.com
En este ejmplo aplique css solo a la aprte del menu , en este link se ve el
resultado
http://www.peruforless.com/default_css.html
pasa que en firefox se ve muy bien el css del menu pero en IE se ven algo
espaciados en cuanto a la altura haver si podrian ayudarme que me falta ,
este es lo que esta en el html
y aca esta el codigo css que hace referencia al menu
http://www.peruforless.com/3col_leftNav.css
Tenés problemas por dos bugs conocidos de IE. Por un lado, el que
mencionás respecto a la altura de los elementos de la lista, que se debe
a que IE ignora los </li>[1]. En la página del enlace hay alguna
solución, aunque yo siempre lo resuelvo agregando:
#navegacion li, #navegacion li a {zoom: 1.0; }
Esta propiedad es propietaria de explorer, por lo que conviene que sólo
él la lea. Para ello podés optar por cargar una hoja de estilos especial
mediante comentarios condicionales[2].
El otro problema que tenés en el menú, aunque no lo menciones, es que la
imagen de fondo en a:hover tarda un par de segundos en aparecer en IE.
Este bug también está documentado[3] y solución. La que yo uso consiste
en cambiar un poco la lógica al agregar la imagen de fondo a los
elementos implicados.
Se entiende mejor con un ejemplo:
<ul>
<li><a href="#">Mi opción</a></li>
</ul>
En la hoja de estilos, en lugar de hacer...
a {
display: block;
background: url(imagen_normal.gif) top left no-repeat;
}
a:hover {
background: url(imagen_over.gif) top left no-repeat;
}
...se hace:
li {
background: url(imagen_over.gif) top left no-repeat;
}
a {
display: block;
background: url(imagen_normal.gif) top left no-repeat;
}
a:hover {
background: none;
}
Y listo. Espero que te sirva,
saludos
[1]
http://www.quirksmode.org/bugreports/archives/2005/01/Interner_Explorer_completely_ignores_closing_li_ta.html
[2]
http://www.disenorama.com/tutoriales/css/comentarios_condicionales_pa.htmhttp://www.disenorama.com/tutoriales/css/comentarios_condicionales_pa.htm
[3]
http://www.quirksmode.org/bugreports/archives/2005/08/backgrond_image_gets_stuck_on_hover.html
--
Camilo Kawerín
27Sur comunicación & diseño
http://www.27sur.com
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
