3 colonnes dans le corps

Question

Bonjour,
Dans ma page html, j'ai un menu et un corps, je les ai mis en place grâce à float: left pour le menu et float: right pour le corps dans ma css, mais le problème c'est que je veux séparer le corps en 3 colonnes ou je pourrais mettre une image et du texte dans chaque et que je ne sais pas quelle "mot" pourrai me servir. Voici ma css :

.colonne1 {text-align: justify;
	width: 193px;
	height: 101px; }

.colonne2 {text-align: justify;
	width: 193px;
	height: 101px; }

.colonne3 {text-align: justify;
	width: 193px;
	height: 101px; }

Je voudrai donc trouver un attribut pour chaque colonne pour pouvoir en mettre une à gauche, une au centre et une à droite. J'ai déjà essayer de mettre float : left/center/right , sauf que ça ne marche pas vraiment car la troisième colonne à droite (qui est aussi la position du corps, c'est peut-être ça qui bloque) se place juste en dessous des deux autres à droite, ça donne ça (les pointillés représentant les images) : 

-------------    --------------
-------------    --------------
-------------    --------------
                                         --------------
                                         --------------
                                         --------------

Si quelqu'un voit à peu près ce que je veux dire ...

takas · Answer

tu peux bricoler avec une position absolue par rapport au corps  ou tu utilises les margin(un peu de maths)
j'ai pas testé

kdcx · Answer

J'ai essayé les deux solutions, mais aucune ne marche, la troisième colonne est toujours rebelle...

3 colonnes dans le corps

2 réponses

Discussions similaires

Newsletters