Problème d'alignement

[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.

[calimo]

Pas de souci chez moi avec Firefox 1.0.7/Windows. Peut-être une extension qui fout le bazar ?

[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...

[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)

[Kristal_be]

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 ?

[Kristal_be]

Ok c'est bon, j'ai résolu le problème.

Merci.

[Bacchus]

Le réduire biensur

C'est ça que tu as fait?

[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 ?