[Résolu] Alignement <div> sur une même ligne sans float:left

Bonjour,
je voudrais savoir s'il est possible d'aligner plusieurs bloc <div> sur une même ligne sans utiliser float:left ? En fait, j'ai besoin d'en aligner trois, présent dans un bloc div servant de conteneur et lorsque je les aligne à l'aide de float:left la hauteur du bloc conteneur n'est plus fonction de la hauteur du contenu des <div>

Voici le code si ca peut être utile :

(X)Html :

<div id="conteneur">
    <div id="contenu_gauche">Contenu colonne de gauche</div>
    <div id="contenu_centre">Contenu colonne centrale</div>
    <div id="contenu_droite">Contenu colonne de droite</div>
</div>

Css :

#conteneur {
background:url(exemple.jpg); /**/
}
#contenu_gauche {
float:left;
width:200px;
}
#contenu_centre {
float:left;
width:200px;
}
#contenu_droite {
float:left;
width:200px;
}

Ca ne doit pas être très compliquer mais je ne vois pas comment faire, donc si qqln peut m'aider ou à une piste Merci
Modifié par wawa (23 Jul 2006 - 19:23)

Salut

Tu peux obliger le conteneur à s'allonger en fonction des flottants en ajoutant :

<div id="conteneur">
<div id="contenu_gauche">Contenu colonne de gauche</div>
<div id="contenu_centre">Contenu colonne centrale</div>
<div id="contenu_droite">Contenu colonne de droite</div>
[b]<p id="spacer"></p>[/b]
</div>

et dans la css :

p#spacer { clear: both; height: 1px; }

Rem : merci d'utiliser les balises [ code] et [ /code] dans tes messages

Merci

Pas de quoi.

Si le problème est résolu, pense à modifier le titre du sujet pour le signaler ...

wawa a écrit :
lorsque je les aligne à l'aide de float:left la hauteur du bloc conteneur n'est plus fonction de la hauteur du contenu des <div>

Oui, c'est le comportement prévu :
Comment éviter que mes éléments flottants (float) dépassent de leur conteneur ?
Toujours avoir le réflexe de jeter un oeil dans la FAQ

Au fait, tu considères que ce sujet est [Résolu] ?

(EDIT : ah ben grillé par un neo-modérateur )
Modifié par Raphael (23 Jul 2006 - 16:03)

a écrit :
neo-modérateur

mon oeil, mais je commence à comprendre le côté pénible de votre travail, ces derniers jours

Centrage vertical, item 3
[Résolu], item 22
etc ...

Wi le probleme est résolu

Merci à tous les acteurs du site et du forum ! Continuez !