Hola, aunque consigas ajustar la cuadrícula en un momento dado, en cuanto
cambies el tamaño horizontal de la ventana del navegador el diseño se
volverá a desajustar. El problema reside en que la imagen en forma de
rejilla de #headerimg se mueve cuando redimensionas la ventana del
navegador, ya que está dentro de un contenedor (#head) que está centrado.
Por otro lado, la imagen de fondo *fondo.gif* del body está fija. Así que
las dos nunca podrán coincidir siempre. Si mueves despacio un lateral de la
ventana del navegador, podrás comprobar lo que te cuento.
Te planteo dos soluciones:
Solución UNO
No centrar el contenido. Tendrás que quitar la regla margin: 0 auto; pero
puedes añadir el margen izquierdo que desees.
Para ajustar las diferencias de posicionamiento de IE puedes hacer uso de
los comentarios condicionales. Antes de la etiqueta de cierre </head>,
incluye lo siguiente:
<!--[if IE]>
<style type="text/css">
#headerimg {
margin-left: 1px; /* ajusta para IE los pixeles necesarios */
}
</style>
<![endif]-->
Solución DOS
Usa PNGs transparentes. Sustituye la imagen *headerimg.gif* por su
equivalente *headerimg.pn*g. Acuérdate de cambiar el nombre en el archivo
css.
Con IE7 no tienes problema, pero IE6 no admite la transparencia de los pngs.
En google puedes encontrar cómo solucionarlo. Si optas por javascript, te
recomiendo la librería IE7.js que hace que IE6 se comporte como IE7. Mira en
http://dean.edwards.name/
Hasta pronto.
El 8 de diciembre de 2008 18:06, Daniel Gabana Arellano <
[EMAIL PROTECTED]> escribió:
> Hola a todos,
> Hace unos días escribí un mensaje a la lista comentando mis problemas con
> un
> blog de wordpress. El asunto es que tengo que cuadrar los cuadrados que
> forman el fondo de la página, pero me resulta imposible que salga bien
> tanto
> en IE como en Firefox. Probé miles de veces cambiando el margin y padding
> de
> todas las capas pero no me funciona. El blog es
> http://nextepvision.com/blog/wordpress/ , y no esta acabado todavía. Si
> os fijáis, en IE la cabecera del blog donde esta Home, Info... no cuadra
> del
> todo con el fondo.
>
> Alguien me dijo que por que no probaba a poner PNGs como fondo , y he
> buscado algunos códigos pero solo he encontrado uno que
> sirve únicamente paras imágenes puestas con html, es decir con el <img>. Me
> parece que me aconsejaron usar haks, pero no tengo ni idea de que es eso ni
> como funciona ni donde encontrarlo....alguien me puede hechar una mano?
>
> Muchas gracias
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
