Существует горизонтальная полоса прокрутки в IE7

У меня есть веб-сайт. Я поставил увеличенное изображение в качестве фона:Существует горизонтальная полоса прокрутки в IE7

html, body { 
    height: 100%; 
} 
body {  
    color: #000; 
    font: 100.1% sans-serif; 
    background: #033361 url('/images/background2.jpg') center top no-repeat; 
}

Он отлично работает в Firefox и IE8, но в IE7 фон перемещается вправо и есть горизонтальная полоса прокрутки.

Может ли кто-нибудь объяснить это странное поведение мне и предложить решение?

Мой доктайп:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

UPDATE:

Кажется, проблема вызвана моей обертку DIV:

#wrapper { 
    width: 1002px; 
    margin: 0 auto; 
    font-size: .8em; 
}

Если я закомментируйте маржу, фон тела с центром правильно.

источник

2010-09-03 Richard Knop

У вас есть соответствующие стандарты совместимые DOCTYPE? – MrWhite

@ w3d Да, у меня есть. –

html, body{ 
    margin:0;padding:0; 
}

Попробуйте что

источник

2010-09-03 14:04:57 Zoidberg

«html» не имеет поля по умолчанию. Значение «padding» всегда по умолчанию равно нулю. – BalusC

Это зависит от браузера, у него может быть запас, и у него может быть отступы, у меня была такая же проблема. – Zoidberg

Оба html и body имеют нулевой марж/дополнение. Я использую сброс css-файла здесь http://meyerweb.com/eric/tools/css/reset/. –

Существует горизонтальная полоса прокрутки в IE7

ответ

Смежные вопросы