la imagen como fondo no llena toda la página

Cambié mi código html para que el fondo de múltiples imágenes funcione con Internet Explorer.

Desde este cambio, tengo un borde blanco alrededor de la página.

¿Alguien sabía por qué no llena toda la página como mi versión anterior y cómo puedo solucionarlo?

Versión antigua: (funciona con todos los navegadores excepto IE): http://brio.speedrunwiki.com/LA-MAYOCHE/LA%20MAYOCHE%20page%20accueil%20V001.htm

Nueva versión (Funciona con todos los navegadores pero no llena toda la página): http://brio.speedrunwiki.com/LA-MAYOCHE/LA%20MAYOCHE%20page%20accueil%20V002.htm

¡Muchas gracias!

Este es un problema de código/navegación. Es probable que obtenga una mejor respuesta en StackOverflow.

Respuestas (4)

En tu CSS haz lo siguiente:

cuerpo { margen: 0; }

En este momento, tiene configurado un margen predeterminado del navegador (no lo configuró, así que el navegador lo hizo).

Echa un vistazo al restablecimiento de CSS de Eric Meyer. El uso de una hoja de estilo de reinicio ayudará a evitar que sucedan cosas como esta, y también le dará un mejor control de navegador a navegador.

http://meyerweb.com/eric/tools/css/reset/

CSS Reset es una buena recomendación.

@ DA01 tiene razón sobre su probabilidad de obtener mejores respuestas en SO. Dicho esto, CSS es una herramienta de diseño tanto como lo es Photoshop cuando se considera el producto final.

Dawson lo tiene en el camino correcto con el bodymargen y la hoja de restablecimiento de CSS. El sitio hace lo mismo para mí en Chrome e IE9, por lo que puede ser un problema de <IE8. Sin embargo, también tiene varios errores si lo conecta al W3C Validator . Es posible que desee considerar HTML 4 de transición o, mejor aún, HTML 5. 4 de transición y 5 borrador son mucho más indulgentes y también se mostrarán de manera más consistente en todos los navegadores. Una vez que elimine sus errores de HTML, los problemas de diseño de CSS deberían ser mucho más fáciles de solucionar.

En tu CSS asegúrate de tener:

cuerpo { margen: 0px; relleno: 0px; altura de línea: 12px; }

También verifique la altura de su línea en cualquier elemento (generalmente etiquetas de tipo h1, h2) que estén cerca del borde para ver si están tirando cosas.

aquí está su respuesta, haga lo siguiente en su div id="one" css:

simplemente aplique el elemento de margen dado en su #one y verifique esto en cada navegador.

#one {
        background: url("http://i206.photobucket.com/albums/bb52/oli_briss/Ligne_droite-2.png") repeat-y scroll right top transparent;
        margin: -8px;
        padding: 0;