Problème décalage
Décalage selon les différentes pages
Créations de Thèmes
ecoloonline Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre ecoloonline
- Inscrit le : 05/12/2009
- Site internet
Je fais appel à votre aide car je suis confronté à un problème minime me diriez-vous.
Le souci est que entre deux pages elle sont décalées légèrement.
Image1:
Image 2:
Personnellement je pense que c'est dû à la scroll-bar mais comment puis-je éviter le décalage à cause de la scroll-bar, il n'y a que mon thème qui fait sa

Voilà mon code CSS
Code CSS :
* { margin : 0; padding : 0; font-size : 100%; } body { background : #F2F2F2 url(images/fondx.png) repeat-x; font-size : 12px; font-family : "Lucida Grande", "Lucida Sans Unicode", Verdana, 'Bitstream Vera Sans', Times, serif; color : #0e2a48; margin : auto; padding : 0; width : 1020px; } div#global { margin : auto 5px; margin-bottom : 15px; } div#header_container { background : url(images/header.png) no-repeat; height : 90px; } div#header { height : 70px; padding-top : 12px; padding-left : 120px; } div#header_admin { height : 50px; } div#sub_header { height : auto; text-align : center; padding-right : 10px; position : absolute; height : 25px; width : 1000px; position : absolute; top : 55px; } div#sub_header_admin { height : auto; text-align : left; padding-right : 10px; position : absolute; height : 34px; width : 846px; margin-left : 120px; } div#sub_header p a { color : #000; margin-right : 20px; font-size : 13px; font-family : "trebuchet ms"; } div#header .dynamic_menu h5.links { border : none; color : #888; width : 103px; height : 10px; background : url(images/bouton.png) no-repeat; padding : 16px 0; font-size : 11px; margin-right : 0; } div#header .dynamic_menu h5.links:hover { color : #888; cursor : default; background : url(images/boutonh.png) no-repeat; margin-top : 0; } div#header .dynamic_menu h5.links:active { color : #888; cursor : default; background : url(images/boutona.png) no-repeat; margin-top : 0; } div#header .dynamic_menu h5.links:visited{ color : #888; cursor : default; background : url(images/boutonv.png) no-repeat; margin-top : 0; } div#header .dynamic_menu h5 a { color : #888; text-decoration : none; } div#compteur { position : absolute; left : 770px; top : 55px; padding : 10px; padding-left : 50px; background : url(images/comp.png) no-repeat; width : 180px; height : 60px; color : #888; } div#left_menu { float : left; width : 200px; margin : 0; margin-top : 10px; margin-right : 10px !important ; margin-right : -1px; padding : 0; } div#right_menu { float : right; width : 190px; margin : 0; margin-top : 10px; margin-left : -9px !important ; margin-left : 0; } div#main { width : auto; min-width : 450px; overflow : hidden !important ; height : auto !important ; overflow : visible; height : 1%; padding : 0; padding-top : 0; margin : 0; } div#header .module_mini_top { margin : auto; background : url(images/bouton.png) no-repeat center; font-weight : bold; height : 40px; margin-top : -5px; padding-left : 10px; padding-right : 20px; padding-top : 10px; margin-right : 20px; text-align : center; width : auto; } div#header .module_mini_top :hover { margin : auto; background : url(images/boutonh.png) no-repeat center; font-weight : bold; height : 40px; margin-top : -10px; padding-left : 10px; padding-right : 20px; padding-top : 10px; margin-right : 20px; text-align : center; width : auto; } div#header .module_mini_contents { margin : auto; background : none; } div#header .module_mini_bottom { margin : auto; background : none; } div#links { text-indent : 10px; margin-bottom : 15px; } div#top_contents { margin-top : 15px; margin : 0; margin-left : 20px; margin-bottom : 15px; background : none; height : 29px; } div#bottom_contents { padding-top : 15px; padding-bottom : 15px; float : left; } div#top_footer { clear : both; padding : 0.75em; margin-top : 50px; border-spacing : 1px; height : auto; } div#footer { clear : both; height : 50px; margin : auto; margin-top : 0; padding : 0; padding-top : 10px; padding-bottom : 15px; text-align : center; margin-left : 10px; background : url(images/footer.png) no-repeat center; width : 1035px; } div#footer span { color : #445766; font-size : 10px; } div#footer span a { color : #445766; font-size : 10px; } div#links_vertical { display : block !important ; display : none; position : fixed; background : url(images/vertical_menu_repeat.png) repeat-y; top : 45%; margin-left : 989px; width : 27px; text-align : center; padding-left : 2px; } div#links_vertical_top { width : 29px; background : url(images/vertical_menu_top.png) no-repeat; text-align : center; margin-left : -2px; padding-top : 8px; } div#links_vertical_central { width : 27px; text-align : center; margin-left : -2px; padding : 4px 0; } div#links_vertical_bottom { width : 29px; background : url(images/vertical_menu_bottom.png) no-repeat; text-align : center; height : 32px; margin-left : -2px; } .bglinks { background : url(images/bgmenu_links.jpg) no-repeat right bottom; margin : 0; padding : 0; list-style-type : none; padding-bottom : 7px; margin-bottom : 5px; } .block { margin : 10px auto; padding : 10px; border-spacing : 1px; border : 1px solid #cccccc; background-color : #ffffff; background : #f7f8f5 url(images/contentbg.png) repeat-x; } div#main_content { width : auto; margin-right : 0; margin-left : 10px; } .main_content_borderl { background : url(images/left_left.png) repeat-y left; padding-left : 8px; padding-right : 8px; overflow : hidden !important ; height : auto !important ; overflow : visible; height : 1%; clear : both; } .main_content_borderr { background : url(images/right_right.png) repeat-y right; padding-left : 0; padding-right : 0; overflow : hidden !important ; height : auto !important ; overflow : visible; height : 1%; clear : both; } .main_top_l { margin-right : 22px !important ; width : 22px; height : 41px; background : url(images/top_l.png) no-repeat left; float : left; } .main_top_r { margin-left : 0 !important ; margin-left : -3px; width : 21px; height : 41px; background : url(images/top_r.png) no-repeat right; float : right; } .main_top { height : 35px; background : url(images/top_top.png) repeat-x; padding-top : 6px; padding-left : 6px; margin-left : 22px !important ; margin-left : 0; margin-right : 21px !important ; margin-right : 0; } .main_bottom_l { width : 22px; height : 25px; background : url(images/bottom_l.png) no-repeat left; float : left; margin-top : -20px; } .main_bottom_r { width : 22px; height : 25px; background : url(images/bottom_r.png) no-repeat right; float : right; margin-top : -20px; margin-right : 8px; } .main_bottom { height : 25px; background : url(images/bottom_bottom.png) repeat-x bottom; margin-right : 5px; margin-left : 22px !important ; margin-left : 0; margin-right : 28px !important ; margin-right : 0; margin-top : -20px; } .contenu { background : #ffffff; margin-left : 10px; margin-right : 10px; }
Merci de votre aide.
<img alt="" src="http://www.chaudron-empoisonne.fr/pages.php?id=ecoloonline">
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie