[Résolu] Eléments flottants dans un div dimensionné avec un overflow

Salut,

J'ai un code ressemblant à ça

<div id="conteneur" style="width=200px;height="200px;overflow:scroll">
    <div id="id1"  style="width:200px;height:200px;float:left">blabla</div>
    <div id="id2"  style="width:200px;height:200px;float:left">blabla</div>
    <div id="id3"  style="width:200px;height:200px;float:left">blabla</div>
</div>

Evidemment le style est dans sa feuille de style.
En fait, j'essaie d'utiliser ceci afin de faire coulisser de gauche à droite les div #idx et n'en afficher qu'un seul. Le problème c'est que malgré le "float:left" les div contenus sont les uns au-dessus des autres. C'est évidemment à cause de la taille de #conteneur.
Voyez-vous un moyen de palier le problème? Et puis pourquoi cela en dessous et non à coté étant donné que les scrollbars sont affichées?!

Merci,

bbp.
Modifié par bbp (29 Oct 2007 - 12:27)

bbp a écrit :
Et puis pourquoi cela en dessous et non à coté étant donné que les scrollbars sont affichées?!

overflow: scroll permet d'afficher un contenu trop large via des barres de défilement. Cela ne signifie pas qu'un contenu dont le comportement normal sera de passer à la ligne s'il n'a plus de place dans son conteneur va se mettre comme par magie à ignorer les limites de ce conteneur.

Tu peux faire quelque chose de ce type:

<div id="conteneur" style="width:200px; height:230px; overflow:scroll">
    <div style="width: 600px; height: 200px;">
        <div id="id1"  style="width:200px;height:200px;float:left">blabla</div>
        <div id="id2"  style="width:200px;height:200px;float:left">blabla</div>
        <div id="id3"  style="width:200px;height:200px;float:left">blabla</div>
    </div>
</div>

Modifié par Florent V. (29 Oct 2007 - 12:19)

Ouai je viens de trouver la réponse dans le forum, j'avais déjà testé et ça ne fonctionnait pas. En ce moment le CSS et JS sont intimement liés dans mon travail, résultat j'ai mis #int {width = 400px;}

et merci pour ta réponse.
Modifié par bbp (29 Oct 2007 - 12:28)