28173 sujets

CSS et mise en forme, CSS3

2 div cote à cote

Bonjour,

Comment faire pour que deux div se mettent cote à cote et pas l'un en dessous de l'autre ?
C'est tout bete mais je ne trouve pas la réponse..

Merci
bonjour.

Regarde du coté de la propriété css float. Smiley cligne
Modifié par Zeke (19 Dec 2006 - 16:16)
salut;

utilise la propriété float :

html (en gros):

<body>
   <div id="bloc-gauche">
       <p>lorem...</p>
  </div>
   <div id="bloc-droite">
       <p>ipsum...</p>
  </div>
</html>


et le css : 

#gauche {
   float:left;
}


vu que je n'ai rien precisé pour le bloc de droite, les elements suivant resterons dans le flux normal, c'est a dire placés en dessous...

je te conseille qd meme de lire les tuto d'alsa ou autre a propos du positionnement des blocs, afin d'avoir ces notions de flux bien en tete...

bon courage,

opi
non non mes un float:left uniquement sur la première div

En faite la propriété float:left dit que la div en question doit se placer à gauche de la prochaine balise.

alors si tu la met aussi ta div de droite la prochaine balise que tu mettras sera aussi à droite...

et ainsi de suite.
Aie je viens de me rendre compte de qqch d'embetant.. En fait, mes docs xhtml seront utilisés pour en créer des PDF à l'aide d'un serveur java (fop). Et fop a qques contraintes au niveau de la feuille de style, entre autres, float n'est pas supporté... :-S
Avez-vous une autre méthode pour aligner deux boites ? J'ai mis des span en display block pour qu'ils soient bien regroupés mais l'un se met en dessous de l'autre...
Avez vous des idées ?
Merci..
Modifié par pekka (20 Dec 2006 - 14:40)
Sujet clos
Aller à