alignement d’image et bloc

mardi 9 janvier 2007 | programmation

Il arrive parfois qu’une image déborde d’un bloc ou que le bloc ne s’étire pas au contenu, si l’image a une propriété align ou float, l’astuce est de faire un bloc comme ceci juste avant la fin de la div qui ne s’étire pas :

<div style="clear:both;"></div>

  • Unique Post


5 commentaires

Gébé le 15 Jan 2007 vers 16:26

J’ai encore mieux à te proposer : tu donnes la propriété « overflow:hidden; » au conteneur de l’article (qui comprend le texte et les images)… ça t’évite de ‘polluer’ ton code avec des div vides ;-) Attention cependant, il te faudra apporte un petit correctif « zoom:1; » pour IE (à mettre donc dans la feuille de style dédiée aux correctifs de IE).

ben le 15 Jan 2007 vers 16:36

@gébé : Je ferai un test mais je ne pense pas qu’un hidden « étire » le conteneur…

Gébé le 16 Jan 2007 vers 18:04

Fais le test et tu verras bien ;-)

ben le 24 Jan 2007 vers 15:24

@gébé : ça ne marche pas :(

Gébé le 25 Jan 2007 vers 14:45

tu as un exemple de code à me donner ?

Comments are closed.