Il ya horiziontal barre de défilement dans IE7

J'ai donc un site Web. J'ai mis une image en arrière-plan:Il ya horiziontal barre de défilement dans IE7

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

Il fonctionne très bien dans Firefox et IE8, mais dans IE7 l'arrière-plan est déplacé vers la droite et il y a une barre de défilement horizontale.

Quelqu'un peut-il m'expliquer ce comportement étrange et suggérer une solution?

Mon doctype:

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

MISE À JOUR:

Il semble que le problème est causé par mon emballage div:

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

Si je commente la marge, l'arrière-plan du corps est centré correctement.

Source

2010-09-03 Richard Knop

Avez-vous une des normes appropriées DOCTYPE conforme? – MrWhite

@ w3d Oui j'ai. –

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

Essayez que

Source

2010-09-03 14:04:57 Zoidberg

Le 'html' n'a pas de marge par défaut. Le 'padding' est toujours par défaut à zéro. – BalusC

Cela dépend du navigateur, il peut avoir une marge, et il peut avoir padding, j'ai eu le même problème. – Zoidberg

Les deux html et le corps ont une marge/padding zéro. J'utilise un fichier reset css d'ici http://meyerweb.com/eric/tools/css/reset/. –

Il ya horiziontal barre de défilement dans IE7

Répondre

Questions connexes