Eléments flottants qui sortent de leur conteneur (malgré clear:both) [Résolu]

[Sekmeth]

Bonjour à tous,

J'arrive au bout de mes limites nerveuses pour le placement des div en CSS. J'essaie de faire un truc tout bête à priori, c'est à dire que mon conteneur principal se resize en fonction du contenu qu'il contient, comme ce sont des éléments flottants, j'ai ajouté un div en clear: both. Et bien ? Nada. Alors j'ai essayé le overflow : hidden, l'élément :after. Et bien ça change rien du tout, le contenu sort quand même.

Il doit y avoir un truc qui m'échappe, je sais pas

Alors j'ai besoin de votre aide, vraiment parce que là je perds patience

La page est à cette adresse :
http://www.rmdartnails.ch/index3.php...ow&action=home

Le CSS ici :
http://www.rmdartnails.ch/styles2.css

Merci d'avance pour votre aide en tout cas !

[ornitho13]

Personnellement je ne vois pas vraiment le problème, peux tu en dire plus ?

[Sekmeth]

Eh bien le texte sous la 1e image a gauche ainsi que le bouton "plus d'infos" dépasse par-dessus mon footer. Moi j'aimerais que le conteneur se resize a la taille du contenu des enfants..

[ornitho13]

ah d'accord !

enlève la hauteur dans ta classe .hightlight, cela devrait suffire

Au passage, il y a une erreur au niveau de cette instruction :

Code :

1
2
3
#footer, .push {
heigth: 143px;
}

devrait être :

Code :

1
2
3
#footer, .push {
height: 143px;
}

[Sekmeth]

Merci !

J'ai fait ce que tu m'as dit et maintenant c'est parfait. Bien vu pour la faute de syntaxe !

Tu m'as sauvé m'a journée, je t'en suis très reconnaissante !