Discussion :

[Ekimasu]

bonjour,

il y a 4 ans, une page avait été concçue pour un écran 17 pouces full-screen.
Dans cette page, un élément est positionné en fonction de la taille du browser : http://www.michael-remy.fr/temp/log.htm

Si on a grandi ou réduit la taille du browser (ce qui n'était pas censé arriver), on voit que la zone de texte de droite bouge.

malheuresuement aujourd'hui on n'a plus de 17pouces mais plus grands écrans, donc cette partie de texte à droite se positionne mal.

comment faire pour la positionner correctement quelques soit la taille du browser et de l'écran ? (sous IE uniquement) ???

Cette partie est une DIV qui se positionne en absolue par rapport au browser et non pas pas rapport au document !! la galère !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
#Layer1 {    position:absolute;
    width:230px;
    height:383px;
    z-index:1;
    left: 48px;
    top: 280px;
    overflow: hidden;
    visibility: inherit;
}

merci de votre aide.

[Candygirl]

Bonjour,

C'est un problème dû à la résolution pas directement à la taille de l'écran. Tu pourrais avoir un 19 pouces en résolution 800x600 et ton problème ne se poserait pas comme tu peux avoir un 17 pouces en 1280x1024 et bonjour les dégâts

Un élément en absolute se positionne par raport à son plus proche ancêtre positionné, à défaut la fenêtre de visualisation, visiblement ton cas. Il te suffit donc d'attribuer un position:relative à l'ancêtre de ton div que tu veux voir servir de référence pour ton positionnement. Le problème est que ça va être galère avec ta structure en tableaux.

Cette page aurait bien besoin d'être remise à neuf Un des moyens les plus simple, sans tout remonter, je pense, est d'attribuer à ton div qui sert à tout centrer une largeur de 933px, un margin:auto et un position:relative que ton layer1 se positionne en fonction. Tu devras par contre rajouter un text-align center sur le body et le rétablir à left sur le div en question pour pallier au centrage défectueux sur IE en mode quirks.

Ce n'est d'ailleurs pas le seul problème rencontré. Ta page est encodée en utf8, comme tu le déclares dans ta balises méta, mais le serveur envoie, lui, dans les en-têtes qu'il s'agit d'iso 8859-1 et est donc traitée comme telle par le navigateur d'où des symboles étranges en lieu et place des accents.