Problème pour placer des blocks <div>

Bonjour,

Sur ma page d'index, j'ai créer 4 blocks css avec la balise <div> mais j'ai un souci.

Les 3 premiers blocks sont l'un a coté de l'autre et ne me pose pas de souci. Par contre le 4ème doit se trouver en dessous du block central mais en fait il passe derrière.

Ou ais je fait la bétise svp ?

Voici le code css dans ma page html :

#Gauche {
border-style: solid;
border-width: 1px;
background-color: #ccffff;
float: left;
font-family: "Times New Roman",Times,serif;
font-weight: bold;
text-align: left;
color: black;
font-style: normal;
width: 160px;
}
#center {
border-style: solid;
border-width: 1px;
background-color: yellow;
float: left;
font-family: "Times New Roman",Times,serif;
font-weight: bold;
color: black;
font-style: normal;
width: 640px;
margin-left: 7px;
}
#Droit {
border-style: solid;
border-width: 1px;
background-color: #ccffff;
float: right;
font-family: "Times New Roman",Times,serif;
font-weight: bold;
text-align: left;
color: black;
font-style: normal;
width: 160px;
}
#Dessous {
border-style: solid;
border-width: 1px;
background-color: #ccffff;
font-family: "Times New Roman",Times,serif;
font-weight: bold;
color: black;
font-style: normal;
width: 640px;
margin-left: 170px;
margin-right:170px;
}

Merci pour votre aide
Amicalement
lonewolf

Bonjour

Essaye d'ajouter un

clear: both;

à ton div#dessous.

Pour que ça fonctionne, il faut que tu ajoute:

float: left;
clear: both

à ton div "Dessous".

Mais attention à ta mise en page, lorsque l'utilisateur va redimensionner son navigateur, tes blocs vont se mettre les uns en dessous des autres, essaye plutôt de définir leur largeur en % (sans oublier le bord que tu as mis à chaque div).

y a pas besoin de float pour le bloc du dessous.