Page 1 sur 1

Placer 2 conteneurs côte à côte

Publié : 28 déc. 2009, 21:53
par jack
Bonjour,
J'ai 2 colonnes <div class="colonnemilieu">milieu</div> et <div class="colonnegauche"> contenues dans <div class="pageweb"> sous <body>.
Je n'arrive pas à la placer "colonnemilieu" à côté à droite de "colonnegauche".
La colonne "colonnemilieu" se place invariablement au-dessus.

La feuille CSS est fixée comme suit:
.pageweb
width: 800px;
z-index: 0;
position: fixed;

.colonnegauche
border: 1px solid #cccccc;
width: 120px;
list-style-type: none;
list-style-position: inside;
margin-top: 5px;
float: left;
position: relative;

.colonnemilieu
border: 1px solid #ff9966;
margin-top: 5px;
text-align: left;
width: 500px;
background-color: white;
z-index: 0;
padding-left: 2px;
padding-right: 2px;
position: relative;
display: block;

Pourriez-vous m'aider ce démarrage avec Kompozer svp?
Cordialement jf. :shock:

Re: Placer 2 conteneurs côte à côte

Publié : 28 déc. 2009, 22:55
par Fabrice.Tres.Net
Cela se règle généralement en mettant le premier élément apparaissant dans le code en "flottant" à droite ou à gauche, l'autre se positionne à côté.
A lire
http://www.siteduzero.com/tutoriel-3-13 ... e-2-2.html
http://openweb.eu.org/articles/initiation_flux
http://www.alsacreations.com/article/li ... tie-1.html

Re: Placer 2 conteneurs côte à côte

Publié : 29 déc. 2009, 23:41
par jack
Merci Fabrice
Ces sites m'ont bien aidé. :lol: