Placer 2 conteneurs côte à côte

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

jack

Placer 2 conteneurs côte à côte

Message 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:
Fabrice.Tres.Net
Tyrannosaurus Rex
Messages : 2390
Inscription : 26 juin 2006, 12:50

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

Message 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
jack

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

Message par jack »

Merci Fabrice
Ces sites m'ont bien aidé. :lol:
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 5 invités