Selecotres Css
* html nombre clase
_propiedad (x ej _width) Esto No validad
SELECTORES SOLO PARA INTERNER EXPLORER 7
*:first-child+html nombreclase {}
SELECTORES PARA INTERNETEXPLORER 7 Y NAVEGADORES MODERNOS (FIREFOX)
Html > body nombreclase
¡Important
SELECTORES SOLO PARA FIREFOX
Html>/**/body nombreclase{}
CARGAR 1 HOJA DE ESTILOS ESPECIFICA PARA IECarga la hoja de estilos
ELEMENTOS DE BLOQUE
Se pueden manipular la altura y márgenes
• Div
• P
• Form
• H1…
• Ul li
ELEMENTOS DE LINEA
No se pueden manipular laaltura y márgenes
• Span
• label
• img
• a
• input
IMÁGENES DE FONDO
Si en IE no se ve una imagen de fondo en un estilo por ejemplo en un li,
• Poner en la capaposition: relative
• darle un ancho a la capa
TEXTO INVISIBLE
Si queremos ocultar una capa pero que se lea en los lectores de pantalla, no vale display:block
position:absolute;
left:-1500px;top: -10%;
overflow:hidden;
font-size:0%;
line-height:0%;
ANCHOS
En las dimensiones nunca llegar la 100% porque muchos navegadores entienden 101% y se demonta.. Mejor 97%
CENTRAR UNACAJA
Margin: auto
Text-align center
ALINEAR VERTICALMENTE
Para alinear verticalmente si no funciona el vertical align middle poner un line-height del mismo valor que el heightde la caja
DOBLE MARGEN
En IE cuando una capa toca el borde de la pantalla tanto a izquierda como a derecha el margen que le asignemos a esa capa se duplica
SOLC: display:inline
BOXMODEL EN INTERNET EXPLORER
Para ser exactos las versiones 5.x y 6 en Quirks Mode de Internet Explorer se apartan de los estándares W3C al renderizar en pantalla los elementos de bloque que tienen unancho o alto fijo. (Para el ejemplo esta puede ser sólo una de las causas posibles, pero es la más común).
El Problema
Digamos que tenemos la siguiente declaración:
.boxModel{
width:200px;
...
Regístrate para leer el documento completo.