Div et float

Répondre
Keika
Keika
Déconnecté
Le PHP --> C'est dur !
salut,

aujourd'hui je plante sur un vieux probleme de CSS qui m'enerve bien. A chaque fois ca me le fait et je ne retiens jamais pourquoi, ni comment le resoudre.

Bon alors j'ai un div, contenant du texte et des images. Les images ont une propriete CSS float: left ;, le div a un fond colore.

Alors lorsque je n'ai que du texte, le div s'ajuste correctement au texte. Cependant lorsque je mets une image, le div s'accorde au texte mais pas a l'image, ce qui me donne une image qui depasse de mon bloc.

Si quelqu'un pouvait me donner la methode pour ajuster definitivement les float avec les autres elements je lui en serais tres reconnaissant(e).

Merci d'avance.
LupusMic
LupusMic
Déconnecté
Développeur récurrent, procédural et relationnel. Caustique soupe-au-lait.
Il me semble que le CSS suivant résout le problème :
  1. div:after { clear: both ; } 
jackbocar
jackbocar
Déconnecté
L'homme sage est celui qui connaît ses limites
Essais ce code là :

  1. <style type="text/css">
  2. IMG { float: left }
  3. BODY, P, IMG { margin: 2em; text-align:justify; }
  4. </style>
  5.  
  6.  
  7. <p>Ton image</p>
  8. Ton texte
  9. ou
  10.  
  11. <p>
  12. <img src="" width="" height="" alt="" title="" /> <br />
  13.  
  14. Et ton texte
  15. </p>
  16.  


Jaéck Bocar
Répondre
Accès rapide :

Remonter Remonter
L'éditeur javascript - CSS - Gentoo - Tutoriaux PHP - Tutoriels PHP - Breizh Blog