Bonjour,
J'ai une page web dont l'ensemble du contenu doit toujours être centré dans la fenêtre du navigateur.
Cette page se compose de trois parties (3 div). Ces 3 div sont déclarés en position absolute.
Ces 3 div sont inclus dans un div, qui lui est en position:relative.
Ce système me permet de conserver le centrage.
(bien sur ceci n'est pas le code réel ! Les div sont associés à des id, gérées par une feuille de style. C'est juste pour comprendre ce que j'ai fait).
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 <div relative> <div1 absolute> </div> <div2 absolute> </div> <div3 absolute> </div> </div>
Le 3eme div, se remplit à l'aide de javascript:
Le div 1 contient des liens associés à des onclick.
Le onclick déclenche un document.getElementById('div3').innerHTML="contenu du div3".
Tout marche très bien tant que je remplis le div3 avec du texte.
Mais si je le remplis avec des images, les div1 et 2 se décalent vers la gauche, ce qui est plutôt fâcheux...
Ceci est vrai avec Firefox et IE9. Je n'ai pas testé d'autres navigateurs.
Merci pour vos lumières !!
Sohnic
Partager