[Resolu] Centrer avec des blocs à gauche et à droite 1024*768 /800*60

Bonjour,

J'ai du mal à mettre en place la chose suivante :

|-------| |-------------------------| |--------|
|Bloc 1 | | Bloc 2 | | Bloc 3 |
|-------| |-------------------------| |--------|

Bloc 1 : coller à gauche
Bloc 2 : Centrer
Bloc 3 : coller à droite


Conteneur principale :
#basdepage {
background: #f39d15;
height: 60px;
font-size: 90%;
}

Bloc 1 :
.basdepage_gauche{
border: 1px solid black;
float : left;
margin-left : 5px;

}
Bloc 2 :
.basdepage_centre{
border: 1px solid black;
margin-left: auto;
margin-right: auto;
width: 60%;
}

Bloc 3 :
.basdepage_droite{
border: 1px solid black;
float : right;
right: 0px;
}

Mon problème est que le bloc 3, ce place bien à droite mais en dessous du bloc 2 et pas à côté comme souhaité.

Avez vous une astuce?

Merci pour vos idées



T.
Modifié par Tokio (23 Aug 2005 - 15:14)

il faut vérifier dans ton code html : le cadre #basdepage_droite doit se trouver AVANT le bloc #basdepage_centre

<div id="basdepage_gauche"> ... </div>
<div id="basdepage_droite"> ... </div>
<div id="basdepage_centre"> ... </div>

Magnifique !

et si simple en plus


Merci mille fois!

T.