Décalage de mes boîtes

[rockstar84]

Voici mon problème, j'ai deux boîtes qui sont collé l'une à côté de l'autre avec chacune un padding de 15px sur tous les côtés. Sous Firefox et Opera, tout marche à merveille mais sur IE, il se rajoute 3px au padding du bas dans la boîte où il y a les screenshot de site. Bref pour que tout arrive dans IE, il faudrait que mon padding-bottom soit à 12px mais si je fais ça, c'est maintenant sous FF et Opera que ça décale...

Je me demandais s'il n'y avait pas un hack ou quelque chose d'autre afin d'arranger cela...

Lien vers mon site: DeadPony

Lien vers ma feuille de style: CSS

Merci de bien vouloir m'aider!

[Compte supprimé]

je ne vois pas le pb mais tu peux ajouter un patch pour ie qui ne comprends pas html>body :

remplace .main par

.main {
	float: left;
	width: 250px;
	height: 189px;
	margin-bottom: 15px;
	padding: 15px;
	background: #988e8b;
}

html>body .main {
height: 192px;
}

[rockstar84]

Le problème avec ça, c'est que dans la boîte .main, il n'y a qu'une image qui est de 192px de haut donc le fait de rappetissez la boîte de 3px ne règle pas le problème...

[Compte supprimé]

Ah, sorry, fais donc

.main {
float: left;
width: 250px;
height: 192px;
margin-bottom: 15px;
padding: 12px;
background: #988e8b;
}

html>body .main {
padding: 15px;
}

Modifié 10 Octobre 2005 par jeroen

[rockstar84]

Ah c'est mieux mais c'est quand même pas correct à 100%... Maintenant, les boîtes sont à nouveau une à côté de l'autre comme il se devrait mais elles ne sont plus collé... Je ne sais pas ce qui cause cela...

[rockstar84]

C'est parfait! J'ai fini par l'arrangé tout seul! héhé Merci de ton aide jeroen!

[Compte supprimé]

ok !

Modifié 10 Octobre 2005 par jeroen