Sucrette
{ Membre }
Messages : 196
| Bonsoir, Voila, j'ai un soucis sur mon autre forum : http://pinky-pub.forumotion.com/ Sous Mozilla firefox tout vas bien, mais lorsque je regarde sous google chrome j'ai un gros décalage au niveau de la barre de navigation ( qui en théorie de dois plus être la) .. - Spoiler:
j'ai déja un peu changé le "padding" dans le css, et ça à bien fonctionné sous firefox. Je ne peut que gratter dans le css car je n'ai pas accés aux template, je suis sous invision. Pourriez vous m'aider ? Voici mon Css : - Spoiler:
- Code:
-
body { background-position: bottom center; background-repeat: repeat-x; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
#ipbwrapper{ margin-top: 0px; margin-bottom: 10px; } div#logostrip{ background-color: transparent; background-image: url('http://i49.servimg.com/u/f49/14/29/99/89/footer10.png'); background-repeat: no-repeat; height: 295px; width: 1007px; margin: 0px; padding: 0px; } #site-desc{ background-color: transparent; padding: 0px; margin: 0px; }
#submenu{ background-color: transparent !important; margin-top: -157px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { #submenu{margin-top:-25px;}}
#submenu a:hover{ background-color: transparent !important; } #submenu ul li a { padding: 0px; margin: 0px; text-decoration: none; } #userlinks{ background-color: transparent !important; background-image: url('http://i89.servimg.com/u/f89/14/29/99/89/center14.png'); background-repeat: repeat-y; padding: 15px 260px 15px 260px; margin-top: -5px; /margin-top: 66px; font-size : 1.0em; color: #000; border-bottom: none; }
#userlinks.not-connected{ background-color: transparent !important; border-bottom: 0px; } #fa_ticker_block{ background-color: transparent !important; background-image: url('http://i89.servimg.com/u/f89/14/29/99/89/center14.png'); background-repeat: repeat-y; border: none; padding: 15px 260px 15px 260px; margin-top : -0px !important; margin-bottom : -0px !important; } #fa_ticker_container{ padding-bottom: 20px; }
#fa_ticker{ background-image: none !important; } #outer-wrapper{ background-color: transparent !important; background-image: url('http://i89.servimg.com/u/f89/14/29/99/89/center14.png'); background-repeat: repeat-y; min-height: 5px; padding:0px; margin: 0px; }
#wrapper{ background-color: transparent !important; margin: 0px 130px; padding: 0px; }
#gfooter{ background-color: transparent !important; font-size : 1.0em !important; color: #000 !important; background-image: url('http://i89.servimg.com/u/f89/14/29/99/89/footer13.png'); background-repeat: no-repeat; width:1007px; height:166px; margin: 0px; padding: 0px; /margin-top: -16px; }
#gfooter :hover { color: ; }
.current-time{ padding-right: 120px; padding-bottom: 120px; margin-right: 50px; color: #000; }
#qjump{ padding-left: 175px; padding-right: 120px; padding-bottom: 15px; }
#gfooter .footer-links{ float: center; padding-left: 140px; padding-bottom: 40px; }
#gfooter a{ color: #000 !important; }
#gfooter a :hover{ color: #039ce2 !important; }
table.ipbtable tfoot td{ background-color: transparent; background-image: url('barre'); padding: 0px; height: 15px!important; border: none; } .row1, .row2{ background-image: url(''); background-repeat: repeat; border-style: solid; border-width: 1px; border-color: #000000; }
.box-content{ background-color: transparent; background-image: url("barre"); background-position: bottom; background-repeat: no-repeat; padding-bottom: 15px; border-style: solid; border: none; } .box-content{ border-bottom: 0px; } .post{ background-color: #1F1F1F; background-image: url("barre"); background-position: bottom; background-repeat: no-repeat; padding-bottom: 15px; border-right: 1px solid #888888; border-left: 1px solid #888888; border-bottom: 0px; } .postbody{ border-right: 1px dotted #888888; } .posting-options .posting-buttons{ margin-bottom: -7px; }
.search-footer-box { display: none; } #search-box { display: none; }
.topic-footer{ background-color: transparent; }
.messaging-box{ background-image: url('barre large'); background-repeat: repeat; border: 2px inset #000; }
#smiley-box{ background-image: url('bande large'); background-repeat: repeat; border: 2px inset #000; }
.tfooter{ margin: 0px; padding: 0px; }
.module .maintitle{ background-color: transparent !important; background-image: url(''); background-repeat: repeat-x; height: 27px; padding-top: 4px; margin-bottom: -7px; border: 1px solid #000; } .module .box-content{ background-image: url(""); background-position: bottom; background-repeat: repeat; border: 1px dotted #888888; }
div.newslink{ background-color: transparent; background-image: url(""); background-repeat: repeat; border: 1px dotted #888888; }
ul.privmsg li { background-color: #EAEDED; color: #000; border: 2px ridge #000000; background-repeat: repeat; background-image: url(''); background-position: top; overflow: visible; vertical-align:middle; /margin-bottom: 6px; }
ul.privmsg li a:hover{ background-color: #EAEDED; color: #35000c; border: 2px ridge #000000; background-repeat: repeat; background-image: url(''); background-position: bottom; }
ul.privmsg li a { background-color: #EAEDED; color: #000; border: 2px ridge #000000; background-repeat: repeat; background-image: url(''); background-position: top; overflow: visible; vertical-align:middle; /margin-bottom: 6px; }
ul.privmsg li a a:hover{ background-color: #cccccc; color: #EAEDED; border: 2px ridge #000000; background-repeat: repeat; background-image: url(''); background-position: bottom; }
button.button2, input.button2 { font-size: 0.7em; border: 2px ridge #000; color: #cccccc ; width: auto !important; padding: 1px 0px; font-family: Verdana,Arial,Helvetica,sans-serif; color: ##EAEDED; background-repeat: repeat-x; background-color: #EAEDED; background-image: url(''); background-position: top; overflow: visible; vertical-align:middle; }
button.button2:hover, input.button2:hover { border: 2px ridge #000; color: #c4022c ; background-image: url(''); background-position: top; color: #EAEDED; background-position: top; }
.button, .mainoption{ border: 3px ridge #000; color: #000 ; background-image: url(''); }
.button:hover, .mainoption:hover{ border: 3px ridge #000; color: #000 ; background-image: url(''); }
#navstrip li { float: left; margin: 0 5px; padding-left: 14px; background: url('fleche droite') no-repeat left 50%; } #navstrip li.begin { padding-left: 14px; background: url('fleche droite') no-repeat left 50%; } div.maintitle .expand,div.maintitle .contract { float: right; width: 35px; height: 13px; background: url('close') no-repeat 50% 50%; cursor: pointer; } div.maintitle .expand { background: url('open') no-repeat 50% 50%; }
.popmenubutton a { display: block; padding: 2px 16px 2px 8px; background-color: transparent; background-image: url('fleche bas'); background-position: 97% 50%; background-repeat: no-repeat; font-size: 11px; font-weight: bold; text-align: center; white-space: nowrap; text-decoration: none; } #userlinks { display: none; } #userlinks ul {display: none; } #userlinks.not-connected {display: none; } #qjump{display: none;} .current-time{display: none;} .toplinks {display: none; }
.post .popupmenu{ background-color: #1F1F1F; border: 1px solid #E2307D; -moz-border-radius: 12px 0px 12px 0px; -webkit-border-radius: 12px 0px 12px 0px; border-radius: 12px 0px 12px 0px; padding: 7px; } .postprofile-head ul{ background-color: #1F1F1F; border: 1px solid #E2307D; border-bottom: none; border-top: none; padding: 7px; } .postprofile-head ul li{ background-color: #1F1F1F; border: 1px solid #E2307D; border-bottom: none; border-top: none; } .post .avatar{ background-color: #1F1F1F; border: 1px solid ; -moz-border-radius: 12px 0px 12px 0px; -webkit-border-radius: 12px 0px 12px 0px; border-radius: 12px 0px 12px 0px; } .popupmenu li a.profile-icon{ float: none; height: 22px; margin: 0px; padding-left: 3px; }
merci |
Dernière édition par Sucrette le Ven 27 Juil 2012, 04:23, édité 1 fois | |
|
Doare
{ Spécialiste }
Messages : 544
| Bonsoir Dans ton CSS... - Code:
-
#submenu{ background-color: transparent !important; margin-top: -157px; }
div#logostrip{ background-color: transparent; background-image: url('http://i49.servimg.com/u/f49/14/29/99/89/footer10.png'); background-repeat: no-repeat; height: 295px; width: 1007px; margin: 0px; padding: 0px; } Tu as donné une hauteur apparemment trop grande au logo (div#logostrip) ce qui crée un espace entre le haut et le corps du forum, lequel est compensé par le "margin-top" négatif du menu (#submenu). Il serait plus simple de modifier l'hauteur de div#logostrip (voire la virer) et d'ajouter la propriété suivante à #submenu : - Code:
-
display:none; Le résultat est le même et fonctionnera sur tous les navigateurs. A part ça, j'ai remarqué quelques occurrences du signe / précédant des propriétés dans ton CSS. C'est normal ? ^^' | | |
|
Sucrette
{ Membre }
Messages : 196
| Bonjour, merci beaucoup pour ton aide ça marche par contre pour les / je n peut pas te dire, j'ai ce forum depuis 2009, le théme (du moins la base) y est aussi depuis cette date. J'ai repris le théme et je l'ai fini (c'etait mon forum de test à l'époque) A l'époque je demandais conseil sur le forum de Quierra, pour réussir a faire quelque chose de correct sans les templates. donc ça dois venir de ses codes je pense.. merci a toi résolu | | |
|
Psycho
Psychopathe
Messages : 3407
| Hello (: Je vois que le problème est résolu, par conséquent je classe ! (: Merci de l'avoir signalé | | |
|