[Résolu] Problème affichage Firefox et Chrome

Bonjour à tous et toutes, j'ai un souci d'affichage sur mon blog.

Les lignes sont les unes sur les autres dans Firefox et Chrome, cependant tout fonctionne parfaitement dans IE.

Je vous mets lien vers le site au cas ou vous pourriez m'aider.

Le site

Merci à tous et toutes.

Cyrille
Modifié par cyrille31 (23 Aug 2011 - 09:45)

bonjour,
Est-ce que cela ne viendrait pas de ta class .story qui a une hauteur de 1% ? par hasard?

Bonjour, j'ai mis 100% pour faire un test, mais cela n'a rien changé.
J'ai comparé le css avec celui d'origine, il n'a pas été modifié du tout.

Merci quand même

pour ma part, lorsque je supprime l'attribut "height" sous firebug, ça marche...

Bonjour,

Ton problème vient d'un combiné entre :

.story_title {
   height: 100%;
}

et

.story {
    height: 1%;
}

En retirant ces deux propriétés, tout s'affiche correctement. Ben oui : 100% de 1% = 1% !

Je suppose que tu as utilisé le height:1% afin d'accorder le hasLayout à ton conteneur .story, pour IE. Tu devrais peut-être plutôt te tourner vers "zoom:1" à la place, ça produit beaucoup moins (aucun ?) d'effets de bords.
Modifié par Nigel (22 Aug 2011 - 23:17)

Bonsoir, merci beaucoup, c'est résolu, par contre je n'avais pas fait attention mais il se produit la même chose dans le menu de droite.

Cela doit venir du même problème.

Je suis en train de regarder d'ou cela vient, mais j'ai beaucoup de mal car firefox ne fonctionne plus chez moi depuis 10 jours, je n'ai donc pas firebug.

Si vous avez encore une solution vous serez les bienvenues

En tout cas merci pour l’aide super efficace

Tu as raison, c'est le même problème pour la sidebar:

.sidebar_bg
{
	background:url(images/sidebar_bg.png) repeat-y left top;
	padding:20px 22px 15px 22px;
	[i]height:1%;/*modif*/[/i]
}

.sidebar li{
	margin:0px;
	padding:0px;
	padding-bottom:20px;
	[i]height:100%;/*modif*/[/i]
}

Modifié par hophop (23 Aug 2011 - 00:05)

a écrit :
Je suis en train de regarder d'ou cela vient, mais j'ai beaucoup de mal car firefox ne fonctionne plus chez moi depuis 10 jours, je n'ai donc pas firebug.

Safari, Chrome et Opéra offrent un équivalent de Firebug, fonctionnant sur le même principe.
Au pire, tu as la IE developer toolbar, pour Internet Explorer.
Modifié par Nigel (23 Aug 2011 - 08:45)

Bonjour à toutes et tous, je vous remerci pour votre aide mon problème est résolut.

Merci, merci, merci