- Statut : non résolu
- Ce sujet contient 6 réponses, 4 participants et a été mis à jour pour la dernière fois par
, le il y a 17 années et 8 mois.
-
Messages
-
Bonjour,
– Version de WordPress : 2.0.5
– Thème utilisé : Blue Horizon
Problème(s) rencontré(s) :Ma sidebar s’affiche tout en bas de la page, sous le contenu, au lieu de s’afficher à droite, j’ai essayé les solutions décrites sur ce post, rien n’y fait.
J’ai réinstallé le Blue Horizon de base; le problème est le même… Help ! Je ne sais pas si je dois continuer à éplucher le css (qui est pourtant validé W3C) ou continuer sur les pages index, etc…
hum, le problème est sur Mac, sous FF2, Camino et Safari, la barre s’affiche en bas… Argh, je ne peux pas tester sous PC (cela dit, ça signifie que 90% des gens voient le site correctement).
Un mac-eur aurait-il une idée ?
Une adresse de ton blog peut-être ?
Par ailleurs ce problème est-il survenu suite à l’écriture d’un article ?
En général le problème vient d’une balise mal refermée.En fait je dois m’occuper d’un blog que je n’ai pas cree et il etait comme ca quand je l’ai repris…
Voici l’index :
Voici la partie utile du CSS :
/*
Layout CSS( Centered Fixed Width)
*/body {
font-family: ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
text-align: center; /* IE 5.5 hack */
}#farouter {background: #ffffff;width: 760px; border: 1px solid #3A291F;margin: 20px auto 20px auto;text-align: left; /* IE 5.5 hack part II */}
#outer {}
#rap {}
#masthead {letter-spacing: 0.2em;margin: 8px 8px 0 8px;padding: 0 10px 10px 60px; font: normal 100% ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif; height: 180px;
}#main {padding-left:35px;}
#content {float: left;width: 530px; padding-top: 20px;}
#menu {float: right; width: 175px; margin-right: 3px; border-left: 1px dashed #2050A0; clear:both;}
#nav {padding-left: 10px;}
#logo {padding-top: 25px; padding-left: 12px;}
#hmenu {margin: 8px; height: 30px;}
#hnav {margin: 0;padding: 0;}
#clearer { clear: both; margin: 0; padding: 0;}
#footer { margin: 8px 8px 8px 8px; }/*
Color CSS
*/body {background-image: url(‘images/fond.gif’); color:#333;}
#rap {background: #ffffff;}
#masthead {background-image: url(‘images/header.gif’);}
#footer {background: #2050A0;}
#hmenu { background: #2050A0;}
#hnav {
background-image: url(‘images/fond.gif’);
}
a {color: #660000; text-decoration: none; }
a:visited { color: #660000; text-decoration: none; }
a:hover { color: #990000; text-decoration: underline; }acronym, abbr { border-bottom: #333; }
blockquote {border-left: #2F700F; color: #2F700F;}
h2 { color: #17397A;
font-size: 24px;
font-weight: normal;}
h3 a {color: #660000; }
h3 a:hover {color: #990000;}
h3 a:visited {color: #990000;}
.meta { color: #cccccc}
.meta a {color: #999999;}
.feedback a{color: #cccccc;}/*
Core CSS
*/a{text-decoration: none;}
a img { border: none; }
acronym, abbr { border-bottom: 1px dashed; }
acronym, abbr, span.caps { cursor: help; font-size: 90%; letter-spacing: .07em;}
blockquote { border-left: 3px solid #2F700F; border-bottom: 3px solid #2F700F; margin-left: 1.5em; padding-left: 5px;}
cite { font-size: 90%; font-style: normal; }
#header a { color: #F2EEEC; text-decoration: none; }
#header a:hover { text-decoration: underline; }
h1 { margin: 0; padding: 20px; text-align: right; }
#hidden {display:none;}h2 {font: 100% ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif;
letter-spacing: 0.2em; margin: 0 20px 20px 0; padding: 20px 0 0 0; }
h2#tagline {margin-right: 25px; padding:0;text-align: right;color: #F2EEEC;border: 0px none;; margin-left:0; margin-top:0; margin-bottom:0}.post h2 { font: 100% ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif;
letter-spacing: 0.2em; margin: 0 20px 0 30px; padding: 20px 0 30px 0; }
h3 {font: 24px ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif; margin-left: 0; margin-top: 30px;color: #17397A;
}
h3#comments { margin-left: 20px; }
h3#respond { margin-left: 20px; }
h4 {
font-size: 16px;
font-weight: normal;
}
ol#comments li p { font-size: 100%; }
img {margin: 10px;padding: 10px; border: 1px solid #2F700F; }
p, .feedback
{ font: 100%/175% ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif; color:#000000; }
p {}
.textarea { width:200px; margin:0; }
#archives {
font: 150% normal ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif;Comme je te le disait c’est souvent lié à un article dans lequel une balise est mal refermée (pour diverses raisons).
Donc pour identifier si c’est ce problème. Il faut voir si le problème est récurrent quel que soit la page ou l’article affiché (si ton thème affiche une sidebar avec les articles seuls bien sûr) ou en passant d’une page index aux autres.
Est-ce clair ?Le coup de la sidebar en bas de la page, souvent (que ce soit WP ou pas), ça vient du fait que la sidebar est trop large pour rentrer à côté du contenu. IE6 rajoute parfois des marges qu’il sort de je ne sais où. Apparement, ton problème est multi-plate-forme donc essaye de réduire la largeur de la sidebar. Et comme le dit Damino, vérifie tes balises, qu’elles soient bien fermée et bien imbriquées.
- Vous devez être connecté pour répondre à ce sujet.