3 colonnes en CSS.
Vignoo
-
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Je souhaites faire 3 colonnes en CSS, ou plutôt 3 bloc, voici mon code :
HTML :
<div id="premiere">
<h2>Première colonne</h2> <!-- colonne gauche !-->
</div>
<div id="deuxieme">
<h2>Troisieme colonnes</h2> <!-- colonne droite !-->
</div>
<div id="contenu"> <!-- colonne centrale !-->
</div>
CSS :
div#premiere {
float: left;
width: 279px;
background-color:#000000;
}
div#deuxieme {
float: right;
width: 217px;
background-color:#000000;
}
div#contenu {
padding: 1px 0;
margin: 0 100px;
background-color:red;
}
Avec ce code, la colonne gauche et droite s'affiche, hors la colonne du centre ne s'affiche, pas, help !! ^^
PS : Je souhaites que les trois colonnes sois de meme hauteur
Je souhaites faire 3 colonnes en CSS, ou plutôt 3 bloc, voici mon code :
HTML :
<div id="premiere">
<h2>Première colonne</h2> <!-- colonne gauche !-->
</div>
<div id="deuxieme">
<h2>Troisieme colonnes</h2> <!-- colonne droite !-->
</div>
<div id="contenu"> <!-- colonne centrale !-->
</div>
CSS :
div#premiere {
float: left;
width: 279px;
background-color:#000000;
}
div#deuxieme {
float: right;
width: 217px;
background-color:#000000;
}
div#contenu {
padding: 1px 0;
margin: 0 100px;
background-color:red;
}
Avec ce code, la colonne gauche et droite s'affiche, hors la colonne du centre ne s'affiche, pas, help !! ^^
PS : Je souhaites que les trois colonnes sois de meme hauteur
A voir également:
- 3 colonnes en CSS.
- Comment faire des colonnes sur word - Guide
- Ai suite 3 - Télécharger - Optimisation
- Classer par ordre alphabétique excel plusieurs colonnes - Guide
- Picasa 3 - Télécharger - Albums photo
- Diviser une photo en 3 instagram - Guide