BiBBleFREE

Le positionnement flottant.

mardi 31 août 2010 par musteray

Mettre 3 colonnes les unes à côté des autres.

Nota.

La subtilité se trouve dans la mise en place de la couleur de fond.

Code html

Code CSS.

Explication.

Cette ligne, dans le fichier html, permet de délimité le contenu dans le div et donc de colorier le fond de ce conteneur.

Ces lignes, dans le fichier CSS, permettent de donner une largeur pour le contenir <div> afin de positionner les 3 colonnes de 100 px chacunes.

Ces lignes, dans le fichier CSS, permettent de donner la largeur de 3 paragraphes ainsi que de les rendre flottant et de les empiler à gauche. On délimité 3 colonnes dans le conteneur div.

Ces lignes, dans le fichier CSS, suppriment les marges des blocs paragraphes.

Ces lignes, dans le fichier CSS, permettent de mettre une ligne invisible en bas de pour délimiter le conteneur div qui s’adaptera à la hauteur du plus haut paragraphe automatiquement. Le code clear: both interdit tout flottant au même niveau. La ligne est poussée vers le bas jusqu’à ce qu’elle satisfasse les conditions qui lui sont imposées.

PNG - 6.9 ko
3 colonnes flottantes.

Site en travaux

Site en travaux

Attention : un problème technique (serveur SQL) empêche l'accès à cette partie du site. Merci de votre compréhension.
Accueil du site | Contact | Plan du site | | Statistiques du site | Visiteurs : 219 / 0

Suivre la vie du site fr  Suivre la vie du site Internet.  Suivre la vie du site HTML  Suivre la vie du site CSS

© 2007 -2012 BiBBleFREE