28173 sujets

CSS et mise en forme, CSS3

[RESOLU] [IE] body {overflow : hidden} ne fonctionne pas ?

Bonjour,

Je n'arrive pas à faire fonctionner la propriété overflow sur l'élément body, avec IE 6. J'ai aussi essayé overflow-y, document.body.style.overflow='hidden' en javascript, rien à faire...

Y a-t-il un truc que j'ai manqué ?

<!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">
<head>
<title>Exemple XHTML 1</title>
</head>
<body style="overflow : hidden">
</body>
</html>


Cordialement,
elvex
Modifié par elvex (02 Aug 2006 - 17:37)
et où est le contenu qu'y doit être caché? Pour utilisé l'overflow:hidden, tu doit définir une largeur fixe au conteneur de ton contenu.

Comme par exemple

<div style="width:50px;height:50px;overflow:hidden;">
	Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
</div>

Modifié par s_har_k (01 Aug 2006 - 22:09)
As-tu essayé en définissant l'overflow sur html plutôt que sur body ?
La barre de défilement disparaît, mais on peut toujours scroller en sélectionnant le texte vers le bas, on dirait.
Merci pour vos réponses, mais...

@s_har_k > ça ne réponds pas à la question : l'objectif est de faire disparaître l'ascenseur qu'IE place par défaut à droite de la fenêtre : emballer le contenu dans un div ne change pas le problème.

@mpop > ça devient subtil... effectivement, l'overflow fonctionne sur le <html>, mais seulement si <!DOCTYPE> a été spécifié plus haut... ce qui m'a permis de découvrir que sans <!DOCTYPE>, le {overflow : hidden} fonctionne sur le <body> !!

Autrement dit :

<!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" style="overflow : hidden">
<head>
<title>Exemple XHTML 1</title>
</head>
<body>
</body>
</html>


et

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Exemple XHTML 1</title>
</head>
<body style="overflow : hidden">
</body>
</html>


fonctionnent, mais pas les autres. (du moins sur IE 6.0...)

Les mystères de cet univers sont décidément vastes et mon cerveau bien petit.
Modifié par elvex (02 Aug 2006 - 17:37)
Bonjour

Pour les deux, BODY ou HTML, quand le overflow = hidden, le scrollTop = 0 toujours. Alors, comment savoir le scrollTop (ou scrollLeft) ??

Pardon pour mon francais.

Deza
Sujet clos
Aller à