Page 1 sur 1
Problème d'alignement
Publié : 04 nov. 2005, 14:56
par Kristal_be
Bonjour.
J'ai un problème dans l'alignement du contenu de mes articles sur ce blog :
http://www.kristalbe.net/rscl/blog/.
Pas de problème sous IE, Firefox 1.5, Opera et Netscape. Par contre, sous Mozilla et Firefox 1.07, le contenu est décalé vers la gauche et non centré.
Voici ma CSS :
http://www.kristalbe.net/rscl/blog/style.css
Comment puis-je régler ça et comment se fait-il que ça fonctionne sous la 1.5 et pas la 1.07 ? Merci.
Publié : 04 nov. 2005, 18:25
par calimo
Pas de souci chez moi avec Firefox 1.0.7/Windows. Peut-être une extension qui fout le bazar ?
Publié : 04 nov. 2005, 18:47
par Kristal_be
Je n'ai plus la 1.07, j'ai installé la 1.15 Release par dessus. Mais je me souviens du problème, qu'on retrouve également avec Mozilla.
Image :
Ca devrait aller jusqu'à la ligne jaune...
Ca fonctionne correctement avec tous les autres navigateurs, mais pas avec FF 1.07 et Mozilla donc...
Publié : 04 nov. 2005, 19:34
par Bacchus
Code : Tout sélectionner
.article {
background-image: url(images/background2.jpg);
width: 600px;
border: 1px solid #993300;
padding: 10px 15px;
margin-top: 5px;
margin-left: -5px;
overflow: auto;
}
C'est à cause du padding: 10px
15px; (je crois)
Publié : 04 nov. 2005, 19:51
par Kristal_be
Bacchus a écrit :Code : Tout sélectionner
.article {
background-image: url(images/background2.jpg);
width: 600px;
border: 1px solid #993300;
padding: 10px 15px;
margin-top: 5px;
margin-left: -5px;
overflow: auto;
}
C'est à cause du padding: 10px
15px; (je crois)
Oui, sans aucun doute. Tu me conseilles quoi ?
Publié : 04 nov. 2005, 20:02
par Kristal_be
Ok c'est bon, j'ai résolu le problème.
Merci.
Publié : 04 nov. 2005, 20:04
par Bacchus
Le réduire biensur
C'est ça que tu as fait?
Publié : 05 nov. 2005, 00:17
par Kristal_be
Ben en fait, c'est pas encore tout à fait réglé.
Même si c'est mieux.
J'ai encore un décalage de 10px sur la gauche sous Mozilla (et donc Firefox 1.07). C'est parfait sous IE, Firefox 1.5, Netscape, Opera...
Voici le style du code HTML :
Code : Tout sélectionner
<div class="contenuarticlecommentaires">
<div class="article">
blablablabla
</div>
</div>
et ma CSS :
Code : Tout sélectionner
.contenuarticlecommentaires {
margin-top: 15px;
margin-bottom: 10px;
margin-left: 35px;
margin-right: 35px;
background-color: #333333;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
.article {
background-image: url(images/background2.jpg);
border: 1px solid #993300;
margin-top: 5px;
text-indent: 0px;
margin-bottom: 0px;
margin-left: -5px;
margin-right: 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
}
Qu'est-ce qui cloche ?