Problème de flotteur CSS

Question

J'utilise Float puis je nettoie les deux. Mais j'ai toujours une erreur dans la mise en page. Certains peuvent-ils souligner quel est le problème?

http://uniquedl.com/3closets/about.html

Je veux des produits de contrôle snell-pick et des produits de sweet, div les uns à côté les uns des autres. J'utilise ce code pour faire les uns à côté des autres

.grid {
    display:inline;
    float:left;
}

Mais Sneek-Control prend beaucoup de marge vers la gauche et ne pas s'asseoir sous le bloc Div ci-dessus

Je veux que la mise en page ressemble à ça

Answer 1

Si vous définissez une hauteur sur votre .Intro-image à 384px de même taille que l'image, cela devrait fonctionner.

.introduction .intro-image {
    width: 288px;
    height: 384px;
}

Answer 2

.aperçu {

clear: both;
float: left;
height: 288px;
text-align: left;

}

devrait le faire.

Vous avez également quelques problèmes là-bas ... Vérifiez IE 7 après avoir terminé. Ils vont probablement disparaître d'eux-mêmes.