Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/11/2007, 12:51
yoguuu
 
Fecha de Ingreso: enero-2005
Mensajes: 149
Antigüedad: 19 años, 3 meses
Puntos: 2
Fondo en Body CrossBrowser !! ¿ Cómo ? ¡¡

Diseñar CrossBrowser es un infierno... y que algo tan simple no funcione... me toca la moral. A ver vosotros.

Si en los navegadores modernos hacemos "Ctrl +" o "Ctrl -" aumentamos o reducimos el contenido de la página.

Pues al ponerle un fondo al tag body que se repite horizontalmente:
body {
background-image: url(../images/body_bg.png); /* 1px x 100px img */
background-repeat: repeat-x;
background-position: 0 0;
}
Y si ahora en Opera o Firefox hacemos "Ctrl +" o "Ctrl -" veremos que tanto la imagen de fondo, como los demás elementos como el viewport aumentan o se reducen en consequencia (de forma proporcional)

No obstante, internet explorer deja este fondo y el viewport exactamente igual... No los aumenta en absoluto, únicamente aumenta los elementos que hayan dentro del tag body.

¿ Como solucionamos esto pues ?

Me he currado una ilustración y todo:



Gracias de antemano