en retirant les barres de défilement dans IE8 (overflow: hidden ne fonctionne pas)

appliquant cetteen retirant les barres de défilement dans IE8 (overflow: hidden ne fonctionne pas)

overflow:hidden;

au corps de mon document n'a pas d'effet dans IE8. Des idées pourquoi?

Source

2009-06-08 morgancodes

Cela dépend si IE8 affiche la page en mode Standards ou Quirks. Par exemple, le code HTML suivant sera affiché sans une barre de défilement:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> 
    <head> 
     <title>test</title> 
    </head> 
    <body> 
     <p>hello</p> 
    </body> 
</html>

Mais si vous supprimez la déclaration DOCTYPE, IE8 affiche la page en mode Quirks:

<html> 
    <head> 
     <title>test</title> 
    </head> 
    <body> 
     <p>hello</p> 
    </body> 
</html>

Vous pouvez également vérifier cela en forçant le mode de rendu avec les outils de développement. Appuyez sur F12 sur une page, et à la fin de la barre de menu (pour une raison quelconque ...), il y a un réglage "Mode document". Basculer entre Standards et Quirks ici devrait également basculer la barre de défilement. Alors ... vous devez faire en sorte que votre page respecte un standard HTML! Il ne doit pas être XHTML Strict, il pourrait être HTML 4, ou même XHTML Transitional si vous devez vraiment. Le W3C Validator peut vous aider avec n'importe quelles erreurs de validation.

Source

2009-06-08 13:04:33

Merci! Très appréciée. – morgancodes

Cela doit être quelque chose d'autre, parce que j'ai juste appliqué le débordement: caché sur l'élément HTML de cette page de stackoverflow et la barre de défilement a disparu.

Pourriez-vous poster plus de CSS ou de code? Edit: Je l'ai également essayé sur l'élément de corps et il a également travaillé .. plus de barre de défilement.

Source

2009-06-08 12:44:18

Le code que je utilise pour cacher les barres de défilement est simplement ceci: document.body.style.overflow = 'caché'; Je vois le style appliqué lorsque j'inspecte en utilisant IE8 Developer Tools, mais il n'a aucun effet visible. – morgancodes

pourriez-vous utiliser les outils de développement sur cette page stackoverflow et appliquer le style ici et voir si cela fonctionne? (peut-être vous avez un certain jeu d'options de navigateur bizar) –

mais ma première supposition serait que quelque chose d'autre sur votre page est en train de modifier le paramètre. –

ajouter cette IE bidouille:

max-height: none\9

Source

2012-03-21 07:17:33

en retirant les barres de défilement dans IE8 (overflow: hidden ne fonctionne pas)

Répondre

Questions connexes