28172 sujets

CSS et mise en forme, CSS3

Problème d'affichage avec l'overflow sous ie8

Bonjour,

Je n'arrive pas à me débarrasser d'une scrollbar verticale qui apparait sous ie8, et non sous firefox.

<p>
<IMG SRC="../diagrammes/diagram733.jpg" USEMAP="#diagram733" ALT="Gestion des entretiens professionnels et de formation">
</p>


p {
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 5px;
	width:870px;
	overflow:auto;
}



Mon paragraphe a une largeur définie, et comme cela les images plus larges seront dans un bloc de 870 de largeur avec une scrollbar horizontale.
Je crois que la hauteur du bloc sous ie comprend les scrollbar, c'est pour cela que dès qu'une scrollbar horizontale apparait, une autre verticale vient aussi combler les quelques pixels qui sont en trop dans le bloc :colere2:

J'essaye de bidouiller mais je n'ai pas réussi à m'en sortir, pourriez vous m'aider?

PS: je suis en html transitional pour cette page, je me demande si un autre doctype pourrait régler le problème.
Nuts a écrit :
PS: je suis en html transitional pour cette page, je me demande si un autre doctype pourrait régler le problème.

Si c'est un Doctype HTML4 Transitional sans URL de la DTD, tu te retrouves en mode Quirks et c'est effectivement pas une bonne chose. Il faut soit utiliser un Doctype complet (avec URL), soit le Doctype HTML5: <!DOCTYPE html>

Dans tous les cas, utiliser les outils pour développeur d'IE (8-9) pour vérifier quel est le mode de rendu utilisé pour afficher ta page.

Une remarque en passant: mélanger les minuscules et majuscules pour les noms de balise et d'attribut, c'est pas la grande classe. Smiley smile (En HTML4 et HTML5 on peut utiliser l'un ou l'autre, mais la tendance est aux minuscules.)

D'autres choses qui peuvent aider:
- Donner des dimensions (dans le code HTML) à l'image.
- Fixer la hauteur du conteneur de l'image.
Bonjour à toutes et à tous,

j'ai souvent le même genre de problème entre MSIE 8.0 et les autres navigateurs.

D'une part, il faut savoir que la largeur et la hauteur intérieur d'une fenêtre n'est pas la même pour chaque navigateur. Donc si pour un navigateur, tu as l'impression que ton image rentre correctement dans ta page HTML, pour un autre navigateur ce ne sera pas forcément le cas. Une solution consiste à redimensionner l'image en plus petit !

D'autre part, sous MSIE 8.0, le scrollbar s'affiche toujours, même si tu n'en a pas besoin. Une solution consiste à déclarer que tu ne désires pas de scrollbar, sauf si cela est nécessaire.
html { overflow : auto; }


si le problème persiste alors l'image est trop grande pour la fenêtre intérieur de MSIE 8.0. Sinon, l'autre solution consiste à mettre en plus de la propriété html :
body { overflow : hidden; }
Rappel : si tu as enfin ta solution, ne pas oublier de mettre cette discussion à résolu !

@+
Modifié par Artemus24 (07 Jul 2011 - 11:41)
Artemus24, je crois que tu n'as pas bien lu la description du problème. On ne parle pas ici du viewport (zone de visualisation du navigateur) mais d'un bloc précis en overflow:auto.

Artemus24 a écrit :
D'une part, il faut savoir que la largeur et la hauteur intérieur d'une fenêtre n'est pas la même pour chaque navigateur.

Pour le viewport, ses dimensions dépendent en partie du navigateur, des préférences de l'utilisateur (barres d'outils ou d'état affichées ou non), mais aussi et surtout des dimensions de l'écran et des habitudes de l'utilisateur (maximiser la fenêtre ou non).

Artemus24 a écrit :
D'autre part, sous MSIE 8.0, le scrollbar s'affiche toujours, même si tu n'en a pas besoin. Une solution (...)

La solution consiste à ne rien faire. Les utilisateurs d'IE 7-8 ont l'habitude de ce comportement, autant ne pas le modifier (ce qui pourrait être perçu comme un «bug» du site).
Modifié par fvsch (07 Jul 2011 - 13:44)
Bonsoir à toutes et à tous,

si si, j'ai bien compris la nature du problème. Donc à bien te comprendre (fvsch) si sous firefox une seule scrollbar apparait, le comportement sous MSIE 8.0 sera différent. Donc sous MSIE 8.0 soit il n'y a pas besoin de scollbar, soit il met les deux scrollbar automatiquement ?

A vrai dire si c'est ton raisonnement, je ne comprends pas du tout.

Pourquoi une scrollbar apparait normalement sous firefox alors que sous MSIE 8.0 il en apparait deux ?

J'ai essayé de reproduire l'anomalie et je n'y suis pas arrivé.
J'ai pensé qu'il s'agissait d'un problème de DOCTYPE ? Et bien, c'est non !

J'ai toujours pu reproduire la scrollbar horizontal sans la scrollbar verticale sur firefox et MSIE 8.0.

Mais avec le peu de code que nous disposons, il serait souhaitable d'avoir une vue d'ensemble de cette anomalie. Pouvons-nous avoir un lien vers le site qui pose problème ?

J'ai pensé que l'anomalie existant sous MSIE 8.0 mais pas sous Firefox pouvait provenir des RESET. C'est à dire en l'absence du RESET sur le code CSS, une différence pourrait exister entre ces deux navigateurs et ainsi provoquer ce genre d'anomalie.

@+
Modifié par Artemus24 (08 Jul 2011 - 11:18)
Sujet clos
Aller à