Salut à tous,

J'ai décidé d'apprendre à utiliser les div pour designer plus facilement mes pages web. J'ai des problèmes avec le positionnement que je trouve un peu obscur à comprendre... J'ai ici un petit problème concret à vous soumettre!

Imaginons une succession de blocs placés de cette manière:



Voici comment je code ça:

Code:

<div id="contener">     <div id="1"></div>     <div id="2"></div>     <div id="3"></div>     <div id="4"></div>     <div id="5"></div> </div>

Code:

#1{     float:left;     width:qqch px;     height:qqch px; } #2{     float:left;     width:qqch px;     height:qqch px; } #3{     float:left;     width:qqch px;     height:qqch px; } #4{     float:left;     width:qqch px;     height:qqch px; } #5{     float:left;     width:qqch px;     height:qqch px; }

Disons qu'ensuite, je veuille combler le trou situé entre les blocs 1 et 5 et sous les blocs 2, 3, 4, comment m'y prendre?



J'essaye ceci mais le bloc n°6 reste sous les autres:

Code:

<div id="contener">     <div id="1"></div>     <div id="2"></div>     <div id="3"></div>     <div id="4"></div>     <div id="5"></div>     <div id="6"></div> </div>

Code:

#1{     float:left;     width:qqch px;     height:qqch px; } #2{     float:left;     width:qqch px;     height:qqch px; } #3{     float:left;     width:qqch px;     height:qqch px; } #4{     float:left;     width:qqch px;     height:qqch px; } #5{     float:left;     width:qqch px;     height:qqch px; } #6{     clear:both;     width:qqch px;     height:qqch px; }

Ah mince... c'est tellement simple, comment j'y ai pas pensé? lol

Un grand merci pour ta lumière, je vais pouvoir avancer...

Autant pour moi, j'avais dû faire une fausse manip! Ca fonctionne à présent!