CSS -- position des boites Fermé

Question

Bonjour, j'ai des problèmes de positionnement de boites, j'ai crée: - l'ID menu pour y inclure en haut en horizontal les boutons de navigation, -l'ID corps qui contiendra le texte et photos -l'ID corps droit qui contiendra divers liens, et qui doit être à droite du corps... -l'ID pied , pour le pied de page et je n'arrive pas à avoir le corps_droit à droite du corps merci de votre aide ! le CSS ---------- body { width: 600px; margin: 20px; background-color:#ffffff; #menus { width : 600px; border: 2px solid; background-color: #85b524; } #corps { width : 480px; border: 2px solid; background-color: #85b524; } #corps_droit { width: 120px; border: 2px solid; background-color: #85b524; float: right; } #pied { width: 600px; background-color: #85b524; border: 2px solid; } --------------------------- le html -----------

test menus

test corps

test corps droit

test pied

M@dien · Answer

Bonjour,

C'est normal, car les éléments flottants doivent être placés AVANT les éléments que l'on veut mettre côte à côte.

Pour ton code, deux solutions:
- Placer le code HTML de corps_droit AVANT le code de corps
OU
- Enlever le float:left; du corps_droit, et mettre un float:left; au corps.


Petit conseil enfin, pour éviter des effets bizarres avec le pied de page, il est préférable de mettre la propriété CSS "clear:both;" à PIED, afin d'éviter qu'il ne subisse aussi l'effet du float des éléments précédents.

CSS --> position des boites

1 réponse

Discussions similaires