Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Développement Développement Langage PHP 3 colonnes avec div/css ?

3 colonnes avec div/css ?

2 réponses
Avatar
vincent.desnews
Bonjour,

Pardon pour cette question sans doute un peu simplette,
mais je débute avec les <div> et je patauge un peu
... et c'est la fin de semaine !

Donc, ma question :
comment faire, *le plus simplement possible*,
pour faire une page avec 3 colonnes avec des <div>
et une css.

Actuellement, je fais :
HTML :
<body>
<div id="col-left">cl1<br />cl2<br /></div>
<div id="col-mid">cm1<br />cm2<br /></div>
<div id="col-right">cr1<br />cr2<br /></div>
</body>

CSS:
#col-left {float:left;}
#col-mid {}
#col-right {float:right;}

(en ligne à http://7d4.com/c/)

J'ai essayé pas mal de variantes et je n'arrête
pas de me vautrer.

Merci,
Vincent
Signaler un problème avec ce contenu

2 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
Bulles D'hiver
vincent.desnews avait énoncé :
Bonjour,

Pardon pour cette question sans doute un peu simplette,
mais je débute avec les <div> et je patauge un peu
... et c'est la fin de semaine !

Donc, ma question :
comment faire, *le plus simplement possible*,
pour faire une page avec 3 colonnes avec des <div>
et une css.

Actuellement, je fais :
HTML :
<body>
<div id="col-left">cl1<br />cl2<br /></div>
<div id="col-mid">cm1<br />cm2<br /></div>
<div id="col-right">cr1<br />cr2<br /></div>
</body>

CSS:
#col-left {float:left;}
#col-mid {}
#col-right {float:right;}

(en ligne à http://7d4.com/c/)

J'ai essayé pas mal de variantes et je n'arrête
pas de me vautrer.

Merci,
Vincent



Une piste ici :
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

--
Cordialement,

Denis Bellenger.
http://www.annuairebd.com : Un annuaire BDs
http://www.annuairebd.com/webring : Le WebRing des Annuaires BDs
http://bullesdhiver.free.fr : Fonds d'écran BDs
Avatar
Leonick
"Bulles D'hiver" a écrit dans le message de
news:
vincent.desnews avait énoncé :
> Bonjour,
>
> Pardon pour cette question sans doute un peu simplette,
> mais je débute avec les <div> et je patauge un peu
> ... et c'est la fin de semaine !
>

Une piste ici :
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

--


J'ai été voir, c'est pas mal, car ça n'utilise pas les float dans certains cas.
Par contre, quand on réduit la largeur d'écran, le texte déborde du cadre :-(

Leonick