decalage d'elements de page web quand insertion d'images dans un div
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:
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
