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.

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>
(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).

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