El contenido no se visualiza correctamente en IE?
Probablemente este sufriendo el Peekaboo bug, especialmente si no aparece nada cuando pasas el raton por encima de un link. Visita Position is Everything para corregirlo.
Ten cuidado al usar estilos en los links, si son anclas.
Si usas un ancla en tu codigo () ten en cuenta que tambien le afecta los :hover y :active. Para evitar esto, necesitarás usar id para las anclas o aplicar estilos con una sintaxis un poco mas reservada :link:hover, ,:link:active
Divide y vencerás: comenta grandes porciones de código para eliminar opciones.
Especialmente útil si se trata de un CSS que no has creado tu. Comenta media parte del CSS y si el problema continua, entonces comenta la otra mitad. Sigue este método hasta llegar a una parte pequeña de código dnd el problema sea facilmente identificable.
Recuerda “LoVe/HAte” (Amor/Odio) para los links.
Cuano especifiques las pseudoclases, hazlo en este orden: Link, Visited, Hover, Active. Cualquier otro orden no tendra consistencia. Puedes usar :focus también, y modificar el orden a LVHFA ( o “Lord Vader’s Handle Formerly Anakin? , como propuso Matt Haughey)
Recuerda bordes “TRouBLEd” o mejor, como las aujas de un reloj.
Los atajos para definir bordes, margenes y paddings tiene un orden específico. Siguiendo el movimiento de las aujas de un reloj, empezando desde arriba, Top, Right, Bottom, Left. Por tanto margin: 0 1px 3px 5px, resulta sin margen superior, 1px para del dercho, y asi sucesivamente.
Especifica unidades para los valores distintos de 0.
Css requiere que especifiques las unidades de tus cantidades para fuentes, argenes y tamaños. (La única excepción es line-height, que no requiere unidad) El comportamiento de cualquier navegador cuando no se han especificado las unidades puede ser impredecible. Cero es cero y no necesita unidades, por ejemplo: padding: 0 2px 0 1em.
Prueba diferentes tamaños de texto.
Navegadores avanzados como Mozilla o Opera, permiten escalar el texto de tu web, sin importar el tamaño que hayas usado. Algunos usuarios tiene una fuente mas grande o mas pequeña que la que has puesto tu, intenta probar un rango amplio de tamaños para ver el comportamiento del layout.
Manten mayúsculas y minúsculas de la misma forma para el CSS u el HTML
Algunos navegadores son case-sensitive. Usando una clase como “homePage” no hay ningun problema. Aplicar estilos a “homepage” puede causar problemas en navegadores estrictos como Mozilla.
-Añade bordes que se vean bien para que te ayuden a depurar.
Por ejemplo, usando una regla como div {border: solid 1px #F00} podras observar el principio y fin de la capa, para detectar espacios en blanco, solapamientos, etc. Efectos que de otra menera no resultarian tan obvios. También puedes usar colores de fondos.
Usuarios que han visto este tema también han visto...
- Diseño de menús con CSS avanzado
- Resaltar una porción de Texto con CSS
- Capas visibles e invisibles en CSS
- Opacity en CSS
- Hojas de estilo externas
- Versión imprimible de este documento
- Enviar por e-mail este documento
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.