изображение в качестве фона не заполняет всю страницу

Я изменил свой html-код для фона с несколькими изображениями, чтобы он работал с Internet Explorer.

После этого изменения у меня появилась белая рамка по всей странице.

Кто-нибудь знает, почему он не заполняет всю страницу, как моя предыдущая версия, и как я могу это исправить.

Старая версия: (работает со всеми браузерами, кроме IE): http://brio.speedrunwiki.com/LA-MAYOCHE/LA%20MAYOCHE%20page%20accueil%20V001.htm

Новая версия (работает во всех браузерах, но не заполняет всю страницу): http://brio.speedrunwiki.com/LA-MAYOCHE/LA%20MAYOCHE%20page%20accueil%20V002.htm

Большое спасибо!

Это проблема с кодом/просмотром. Скорее всего, вы получите лучший ответ на StackOverflow.

Ответы (4)

В вашем CSS сделайте следующее:

тело { поле: 0; }

Прямо сейчас у вас установлено поле браузера по умолчанию (вы не установили его, так что это сделал браузер).

Проверьте CSS Reset Эрика Мейера. Использование таблицы стилей сброса поможет предотвратить подобные вещи, а также даст вам лучший контроль браузера в браузере.

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

CSS Reset — хорошая рекомендация.

@ DA01 прав насчет вашей вероятности получить лучшие ответы на SO. Тем не менее, CSS — это такой же инструмент дизайна, как и Photoshop, когда вы рассматриваете конечный продукт.

Доусон поможет вам с bodyмаржей и листом сброса CSS. Сайт отображается одинаково для меня в Chrome и IE9, поэтому это может быть проблема <IE8. Однако у него также есть несколько ошибок, если вы подключите его к W3C Validator . Возможно, вы захотите рассмотреть HTML 4 Transitional или, что еще лучше, HTML 5. 4 Transitional и 5 Draft гораздо более снисходительны, а также будут более последовательно отображаться в разных браузерах. После того, как вы избавитесь от своих HTML-ошибок, устранить проблемы с CSS-дизайном станет намного проще.

В вашем CSS убедитесь, что у вас есть:

тело {поле: 0px; отступ: 0px; высота строки: 12px; }

Также проверьте высоту строки на любых элементах (обычно это теги типа h1, h2), которые находятся близко к краю, чтобы увидеть, не отбрасывают ли они что-то.

вот ваш ответ, сделайте следующее в своем div id="one" css:

просто примените заданный элемент поля к вашему #one и проверьте это в каждом браузере.

#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;