problème de div et de css...

[LeMulotNocturne]

Bonjour à tous,

je donne ma langue au chat sur un bête problème de div et de css (faut dire aussi que je suis pas très doué dans le domaine... )

voila le soucis :

je souhaite faire afficher verticalement une liste d'articles (des livres) avec pour chaque article une image, une description et un lien pour la commande de l'article. Je voudrais que la description "s'enroule" autour de l'image.

J'ai utilisé pour cela un attribut float:left pour l'image. Ca fonctionne sauf que quand la description n'est pas assez longue, l'article suivant s'affiche de manière incorrecte... (à droite de l'image d'avant)

Je sais pas si j'ai été bien clair dans l'explication du problème, donc voici un exemple qui pose problème :

http://www.jurassic-world.com/boutique/ ... fants.html

Attention ca merdouille sur IE uniquement. Pour Firefox j'ai trouvé une parade à 0,01 € qui consiste à jouer sur l'attribut min-height d'un div... Mais c'est pas beau et ca marche pas sous IE de toutes façons...

Quelqu'un aurait-il une solution IE et FF à ce genre de problème ? Je suis sûr que la façon de faire est toute simple mais là je sèche...

Aidez moi, je suis à deux doigts de tout passer en <table> ! :lol:

 

[moktoipas]

Plutot que min-height, mes "overflow:auto" ca marche sur tout (en generale).

 

[Xele]

Il y a deux hack pour IE pour simuler le min-height. C'est ce que j'utilise vu que le clear foire aussi entre IE et FF.

http://krijnhoetmer.nl/stuff/css/min-he ... -explorer/

Il existe d'autres méthodes mais je trouve celles-ci plus simple.

 

[moktoipas]

Le min heigth, ca sert a rein et c pas beau si l'article est trop court ou n'a mmee pas d'image.

Le probleme dont il parle est une tres grand classique

http://forum.alsacreations.com/faq/#item6

 

[Xele]

Le clear marche très mal sous un design déjà composé d'élément float pour les menu.

 

[moktoipas]

et d'ailleur la solution que je propose et conseille ne parle pas de clear.

overflow:auto, j'ai jamaios eu de pb avec.

 

[LeMulotNocturne]

merci à tous les deux pour ces réponses avisées (et rapides en plus) !

bon, j'ai mis un overflow:auto sur le div qui contient l'intégralité de chaque livre. Ca fonctionne nickel sur Firefox (du coup c'est beaucoup plus joli que mon min-height), par contre pour IE il faut bien fixer une dimension pour que cela soit OK.

Encore merci à tous les deux !