Inompatibilidad Css Con Navegadores

callesstone2 · #1 (**permalink**) 06/01/2012, 02:31

Hola con este css hice que una imagen en google chrome se centre y se ponga de 100% de ancho y 80 de largo el problema son las compatibilidades...

1)En google y safari se ve bien ya que son parecidos , el problema recae en Mozilla Firefox donde la imagen no se ajusto al largo pero si al ancho...
Como hago el background-size:100% 80%; en Explorer?? .

2)En Explorer , Mozilla y Opera No me funciona el Height para limitar el largo de mi body ( los estilos al body los pongo por su id ( <body id="Body" > ) Como hago para que me agarre un heigt de 1280px en explorer,mozilla y opera?.

Código CSS:

Ver original#Body{
    margin: 0 auto;
    width: 1000px;
    background:#000;
    background-image: url(Imagenes/Header.jpg);
    background-repeat: no-repeat;
    background-size:100% 80%;
    opacity:0.98;
    background-position:center 0;
    height:auto;
}

cristian_cena · #2 (**permalink**) 06/01/2012, 06:07

No es necesario que pongas un id a body
Podes buscar una alternativa css2 a background-size, aquí hay.
En ese link también tienes demos sobre como usar el height.

Saludos.