Mise en page... Plusieurs differents

[Idef0888]

Salut à tous,

Je ne parviens pas à arriver cette mise en page :

Je souhaite beneficier de vos aide

Merci beaucoup

[MarvinLeRouge]

Salut,

Pour pouvoir te répondre, il faudrait savoir si tu dimensionnes tes éléments en px, en % ou en em, et leurs dimensions respectives (le conteneur global de ton design y compris, selon s'il occupe 100% de la largeur de la page ou pas).

[Idef0888]

Je souhaite que le cadre soit de 1000px en largeur et extensible en hauteur

Ensuite, je pourrai augmenter / reduire les autres largeurs à l'intérieur...

[MarvinLeRouge]

Avec cet article (c'est une traduction), tu as déjà de bonnes bases pour ce que tu veux faire : Colonnes factices.

[marcb]

Bonsoir,

As-tu essayé ça : http://csscreator.com/tools/generate ?

Honnêtement, moi, pas encore, mais ça a l'air de faire ce que tu veux.

M

[Thomas.WS]

XHTML :

<div id="header">
</div>

<div id="corps">
	 <div id="axe_gauche">
	 </div>

	 <div id="axe_centre">
	 </div>

	 <div id="axe_droit">
	 </div>

	 <div style="clear:both;"></div>
</div>
	  <div id ="footer">
	 </div>

CSS :

#header 
{
width : 1000px;
height : 100px;
margin:auto;
background : #000;
}

#corps
{
width : 1000px;
height : 500px;
margin:auto;
background : #fff;
}

#axe_gauche
{
width : 300px;
height : 500px;
float:left;
background : grey;
}

#axe_centre
{
width : 500px;
height : 500px;
margin-left : 300px;
position : absolute;
background : purple;
}

#axe_centre
{
width : 200px;
height : 500px;
float:right;
background : red;
}

#footer
{
width : 1000px;
height:50px;
margin : auto;
clear : both;
background : pink;
}

A vu de nez en deux minutes.