Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/01/2012, 02:31
callesstone2
 
Fecha de Ingreso: diciembre-2011
Ubicación: Buenos aires
Mensajes: 14
Antigüedad: 12 años, 4 meses
Puntos: 0
Inompatibilidad Css Con Navegadores

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
  1. #Body{
  2.     margin: 0 auto;
  3.     width: 1000px;
  4.     background:#000;
  5.     background-image: url(Imagenes/Header.jpg);
  6.     background-repeat: no-repeat;
  7.     background-size:100% 80%;
  8.     opacity:0.98;
  9.     background-position:center 0;
  10.     height:auto;
  11. }