28172 sujets

CSS et mise en forme, CSS3

Bonjour,

j'ai un petit soucis avec des div imbriquées, j'ai du code du genre


<div id="1">
        <p> mon texte</p>
        <div class="image"><img /></div>
</div>


Ma CSS

div#1 {
     display:block;
     background-color:red;
}

div#1 p {
    float :left;
}

div.image {
     float:left;
}


Logiquement je devrais avoir un bloc jaune sur toute ma longeur avec un bout de texte suivi par une image.
Le problème c'est que mon image est à cheval sur le bloc jaune, et la hauteur de ce dernier n'est pas ajustée automatiquement.
Comment ça se fait? Le bloc jaune ne devrait-il pas s'ajuster en fonction de son contenu?

Merci de votre aide

-----------------RESOLU

en fait il faut simplement mettre un overflow:auto ...
Modifié par selinav2 (22 Jul 2009 - 11:22)
Tu n'as pas besoin de mettre l'image dans une div. L'image est un block en elle-même.
Enfin... ça fonctionne !