Bonjour,
J'ai un problème d'affichage de gif.
Je divise mon écran en 3 bandes horizontales :
Je centre ma page web sur ces 3 bandes :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 body {margin: 0px 0;padding: 0;text-align: left;font:14px Arial, Helvetica, sans-serif; margin-top: 0px;} #hecran{ width: 100% ;height: 247px ; background-color: #FFFFFF ;} #mecran{ margin: 0px 0; padding: 0;width: 100% ;font-size:1px; height: 1px;background-color: #000000;} #becran{ width: 100% ;height: 1000px; background-color: #E1E2F4 ;}
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 #hconteneur{width: 770px ;height: 247px ;margin: 0 auto ;} #mconteneur{width: 770px ; height: 1px;font-size:1px;margin: 0 auto ;} #bconteneur {width: 770px ; height: 1000px; margin: 0 auto ;}Mon image editoligne.jpg est bien une image de 1pixel de haut et 770pixels de long. Mais cette image s'affiche 1 ligne au dessous de #mecran (bande du milieu de mon écran).
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 <div id="hecran"> <div id="hconteneur"> ..... </div> </div> <div id="mecran"> <div id="mconteneur"><img src="image/editoligne.jpg" alt="" /></div> </div> <div id="becran"> <div id="bconteneur"> ..... </div> </div>
Je corrige cette erreur en positionnant mon image une ligne plus haut en utilisant margin-top, mais comme tout bidouillage cela marche sur IE, mais pas sur firefox.
Merci de m'aider.
Partager