probleme pour centrer mon theme ! [Réglé]
Steph___ Membre non connecté
Booster Fronde
-
Booster Fronde
- Voir le profil du membre Steph___
- Inscrit le : 29/11/2010
je vous sollicite car depuis hier soir j'ai essayer divers réglage sur mon theme cameleon et je ne parvient pas à centrer mon theme sur la page .
Je vous mets ci joint mon fichier design.css pour que vous puissiez vérifier si il y a une erreur qq pars
Code CSS :
/* -------------------------------------- design.css Contient les conteneur, fortement dépendant du design. --------------------------------------*/ /* Corps du site --------------------------------------*/ * { margin:auto; padding:0; font-size:100%; } body { background:#e03333 url(images/fondx.png) no-repeat;/*background-attachment: fixed ; */ font-size:12px; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, 'Bitstream Vera Sans', Times, serif; color:#0E2A48; margin:auto; padding:0; width:1020px; } /* Conteneurs --------------------------------------*/ /* ##### Conteneur global du site ###### */ div#global { margin:auto; margin-bottom:auto; } div#header_container,div#header_admin_container { background: url(images/header.png) no-repeat; background-position:37px 0px; margin-bottom:3px; } /* ##### Entéte de la page ###### */ div#header,div#header_admin { height:300px; } /* ##### Conteneur en dessous de l'entéte ###### */ div#sub_header{ background: url(images/sub_header2.png) no-repeat center;/*agrandire*/ height:auto; padding-top:50px; text-align:center; padding-right:45px; position:absolute; height:50px; width:1000px; margin-top: 72px; position:absolute; top:150px; } 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"; } /* Lien du subheader */ div#header .dynamic_menu h5.links { border:none; color:#888; width:140px; height:10px; background:url(images/bouton.png) no-repeat; padding:15px 0px; font-size:11px; margin-right:0px; } div#header .dynamic_menu h5.links:hover { color:#888; cursor:default; background:url(images/bouton.png) no-repeat; margin-top:-5px; } div#header .dynamic_menu h5 a { color:#888; text-decoration:none; } /* ##### Compteur de visites ###### */ div#compteur { position:absolute; left:770px; top:55px; padding:10px; padding-top:15x; padding-left:50px; background: url(images/comp.png) no-repeat; width : 180px; height: 60px; color: #888; } /* ##### Menu de gauche ###### */ div#left_menu { float:left; width:200px; margin:0; margin-top:10px; margin-right:10px !important; margin-right:-1px; padding:0; } /* ##### Menu droit ###### */ div#right_menu { float:right; width:190px; margin:0; margin-top:10px; margin-left:-9px !important; margin-left:0px; } /* ##### Contenu de la page ###### */ div#main { width:auto; min-width:450px; overflow:hidden !important; height:auto !important; overflow:visible; height:1%; padding:0; padding-top:0px; 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/bouton.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; } /* ##### Barre de lien rapide ###### */ div#links { /*width:96%;*/ text-indent:10px; margin-bottom:20px; } /* ##### Emplacement au dessus de contenu de la page ###### */ div#top_contents { margin-top:15px; margin :0; margin-left: 20px; margin-bottom:15px; background: none; height:29px; width:auto px; } /* ##### Emplacement en dessous de contenu de la page ###### */ div#bottom_contents { padding-top:15px; padding-bottom:15px; float:left; } /* ##### Bloc au dessus du pied de page ###### */ div#top_footer { clear:both; padding:0.75em; margin-top:50px; border-spacing:1px; height:auto; } /* ##### Pied de page ###### */ div#footer { clear:both; height:50px; margin:auto; margin-top:0px; padding:0px; 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; } /* ##### Liens rapides ###### */ 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 0px; } 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 bottom right; margin:0px; padding:0px; list-style-type:none; padding-bottom:7px; margin-bottom:5px; } .block { margin:10px auto; padding:10px; border-spacing:1px; border:1px #cccccc solid; background-color:#ffffff; -moz-border-radius:12px; -khtml-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; background:#F7F8F5 url(images/contentbg.png) repeat-x; } /* ##### Contenu central ###### */ div#main_content { width:auto; margin-right:0px; 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:0px; padding-right:0px; 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:0px !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:0px; margin-right:21px !important; margin-right:0px; } .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:0px; margin-right:28px !important; margin-right:0px; margin-top:-20px; } .contenu { /* pour la couleur du contenu */ background: #f6f6f6; margin-left:10px; margin-right:10px; }
Je vous remercie par avance de votre aide .
Édité par Steph___ Le 02/12/2010 à 12h43
infoking1 Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre infoking1
- Inscrit le : 29/09/2008
- Site internet
- Groupes :
Moi, je le vois bien centré, je vois pas où est le problème ?
Gérez vos comptes bancaires de façon simple et efficace avec BanqueManager
Téléchargement gratuit ici
Téléchargement gratuit ici
Steph___ Membre non connecté
Booster Fronde
-
Booster Fronde
- Voir le profil du membre Steph___
- Inscrit le : 29/11/2010
c'est bizar car chez moi sous safari et chrome je suis légèrement décentrer ... la colonne de gauche est plus large que celle de droite .
je vois pas sinon ou je me serais trompé sur mon design.css .
tu es sous quel navigateur ?
Édité par Steph___ Le 30/11/2010 à 12h56
infoking1 Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre infoking1
- Inscrit le : 29/09/2008
- Site internet
- Groupes :
Par contre il doit y avoir un léger écart de largeur entre le menu de gauche et celui de droite car tu as des valeurs différentes dans le design.css (200 px pour le gauche et 190px pour le droit)
Code CSS :
} /* ##### Menu de gauche ###### */ div#left_menu { float:left; width:200px; margin:0; margin-top:10px; margin-right:10px !important; margin-right:-1px; padding:0; } /* ##### Menu droit ###### */ div#right_menu { float:right; width:190px; margin:0; margin-top:10px; margin-left:-9px !important; margin-left:0px; }
Gérez vos comptes bancaires de façon simple et efficace avec BanqueManager
Téléchargement gratuit ici
Téléchargement gratuit ici
Steph___ Membre non connecté
Booster Fronde
-
Booster Fronde
- Voir le profil du membre Steph___
- Inscrit le : 29/11/2010
Je comprends pas pour quoi j'ai un décallage léger chez moi .
Merci de ton aide en tout cas .
infoking1 Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre infoking1
- Inscrit le : 29/09/2008
- Site internet
- Groupes :
Gérez vos comptes bancaires de façon simple et efficace avec BanqueManager
Téléchargement gratuit ici
Téléchargement gratuit ici
Steph___ Membre non connecté
Booster Fronde
-
Booster Fronde
- Voir le profil du membre Steph___
- Inscrit le : 29/11/2010
Steph___ Membre non connecté
Booster Fronde
-
Booster Fronde
- Voir le profil du membre Steph___
- Inscrit le : 29/11/2010
Merci pour les réponses .
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie