Premier ... Dans IE6, sur le côté droit, il y a 10 photos. Dans IE7, IE8, Firefox et Chrome, il apparaît correctement. Mais dans IE6, les deux dernières photos sont séparées du reste par un bloc géant d'environ 60px.Comment éliminer l'espacement inattendu dans IE6?
Toutes les idées d'où cela vient, comment s'en débarrasser?
Vous avez passé les dernières 4 heures à jouer avec ceux-ci, vous ne pouvez pas comprendre.
Très apprécié, merci!
Avez-vous essayé de modifier la largeur de la classe .RIGHT être> = 371px par rapport à 368? Cela a fonctionné pour moi.
Cela semble être la solution. Une idée de pourquoi ces 3 pixels font la différence dans IE6? – codemonkey613
Heureux que cela a aidé. Je soupçonne qu'il y a peut-être un bug IE lié au modèle de boîte dans ce balisage particulier (même si vous définissez la déclaration DTD correcte) .. eh bien, tout est sur IE6. –
Ajouter une déclaration de trop-plein à votre #body .right .photo classe:
{
background:url("../images/bg-photo-trans.png") no-repeat scroll 0 0 transparent;
display:inline-block;
float:left;
height:141px;
margin-bottom:2px;
overflow: hidden;
width:184px;
}
Dans ce cas, l'ajout de 'overflow: hidden' ne semble pas faire de différence. – codemonkey613
Vous éliminez IE6 – cambraca
@cambraca - Même si je suis d'accord avec vous, ce n'est pas toujours une option. –
@cambraca - Oh, allez. Ne soyez pas tous défaitistes. L'élimination d'IE6 est toujours une bonne option. –