[XHTML] Doctype XHTML et problème de scrollbar

Version imprimable

08/03/2007, 15h04
darwin22

[XHTML] Doctype XHTML et problème de scrollbar

Bonjour,

Je suis actuellement sur internet Explorer 6.0 et j'ai un souci avec l'ascenseur horizontal. En effet celui-ci apparait automatiquement lorsque l'ascenseur vertical est présent.
Pourtant, il n'est pas nécessaire et même en réduisant le contenu (sur la largeur de la page), l'ascenseur est toujours présent.

J'ai lu sur d'autres forum que cela pouvait venir de la déclaration du DOCTYPE. Pour ma part, j'ai déclaré un DOCTYPE XHTML 1.0 transitionnal. En changeant pour un DOCTYPE HTML 4.0, le problème avec l'ascenseur disparait. Cependant, le passage au DOCTYPE HTML 4.0 provoque de nombreux bugs d'affichage dans mon application.

Ce problème est spécifique à Internet Explorer car sous firefox, l'ascenseur horizontal n'apparait pas.

Je fais donc appel à vos connaissances et expériences pour m'aiguiller car, là, je sèche...

Merci d'avance
08/03/2007, 15h11
XtoX

Je n'ai jamais rencontré ce problème, mais peut-être as tu défini des div ou des élément d'une manière générale à 100% de la largeur de ta page et lorsque un ascenseur vertical apparait sous IE, cet élément passe sous l'ascenseur et donc IE met un ascenseur horizontal pour y accéder.
08/03/2007, 16h05
darwin22

même problème après test

Bon, j'ai essayé de réduire tous les éléments qui pouvaient être à 100% de ma page et le problème persiste toujours :

La barre horizontale apparait dès que la barre verticale est présente.

J'ai remarqué aussi que lorsque je rafraichi la page en appuyant sur F5, l'ascenseur vertical est bien présent et l'ascenseur horizontal disparait.
Je ne comprend pas pourquoi le fait de rafraichir la page peut influer sur les ascenseurs.8O

Je continue mes recherches ...
08/03/2007, 16h12
XtoX

La première fois que tu arrive sur ta page, tu as un ascenseur vertical, ou cela apparait suite à un click quelque part sur ta page ou au survol d'un élément ?
08/03/2007, 17h25
darwin22

Non, elle est présente dès le premier affichage de la page.

J'ai trouvé une solution mais elle ne convient pas complètement.
En forcant l'affichage du scrollbar Vertical dans la baslise html du css avec
overflow-y:scroll
overflow-x:auto
la scrollbar horizontale n'apparait plus. Par contre on a une barre verticale en permanence : grisée si elle est inutile et active si elle est nécessaire.

C'est pour l'instant la seule amélioration que j'ai trouvé mais j'aimerais bien que la barre verticale ne s'affiche pas dans le cas ou elle est inutile.
08/03/2007, 17h29
MasterOfChakhaL

Salut,

Aurais-tu un lien à nous montrer pour qu'on puisse voir en live?
08/03/2007, 17h51
darwin22

Non, malheureusement, c'est un site privé accessible sur un portail avec login et mot de passe.

Moi, je ne travaille qu'en local et je ne peux pas donner mes sources.

Mais j'avoue que ca serait bien de pouvoir vous montrer un exemple...
08/03/2007, 18h29
MasterOfChakhaL

Rien ne t'empêche de reproduire le bug sur une page libre d'accès...

Pour proposer un exemple simplifié :

http://dorian.gauthier.free.fr

Lorsque l'on réduit la page verticalement, dès que la barre verticale apparait, la barre horizontale apparait.

index.html
Code:

1 2 3 4 5 6 <html> <FRAMESET> <FRAME SRC="Portefeuille.html" NAME="LR6"> </FRAMESET> </html>
Portefeuille.html
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <body> test test test </body> </html>

09/03/2007, 13h57
XtoX

C'est normal. Lorsque ta page est redimensionnée, elle ne recalcule pas tout le rendu et donc un scrollbar apparait et couvre une partie de la page, ce qui fait apparaitre un autre scrollbar, horizontal cette fois-ci.
09/03/2007, 14h23
darwin22

oui, mais pourquoi, lorsque j'enlève le DOCTYPE, le scollbar horizontal n'apparait pas?

De même, sous firefox, le problème n'est pas présent.