CSS --> position des boites [Fermé]

Signaler
-
M@dien
Messages postés
437
Date d'inscription
mercredi 29 juillet 2009
Statut
Membre
Dernière intervention
23 septembre 2010
-
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
-----------
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type">
<META NAME="keywords" CONTENT="yes">
<META NAME="description" CONTENT="">
<link type="text/css" href="style.css" rel="stylesheet">
</head>
<body>
<div id="menus">
<p>test menus</p>
</div>
<div id="corps">
<p>test corps</p>
</div>
<div id="corps_droit">
<p>test corps droit</p>
</div>
<div id="pied">
<p>test pied</p>
</div>
</body>
</html>

1 réponse

Messages postés
437
Date d'inscription
mercredi 29 juillet 2009
Statut
Membre
Dernière intervention
23 septembre 2010
74
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.