C'est bon j'ai réussi a régler le problème.
Je me permet de le poster des fois que quelqu'un ai le même problème que moi.
Déja le div.encaps ne servais a rien.
Et pour que le font il suffit de rajouter a la fin des div qui doivent être a l'interieur du contenu :

[code]
<div class="clr"></div>
[/code]

et dans le css
[code]
.clr {clear:both;}
[/code]

Voila, dsl de vous avoir déranger pour rien, j'ai chercher pendant des heures sans trouver et la j'ai réussi a trouver la solution en regardant les sources sur un autre site.

Edit : Oui c'est ça, xTG, le clear juste avant le footer

Je suis pas un fana du CSS mais devant cette image j'aurai à penser que c'est un problème de float non remis en état.
Il faudrait pour régler cela utiliser l'instruction clear sur le div du footer.

Bonjour,
Voila mon problème, je suis en train de développer un petit site internet en php et j'ai un problème sur le CSS.
Une partie de mon css n'est pas pris en compte et donc cela a pour effet qu'une partie de ma page ne se retrouve pas dans le contenu de la page mais a coté du pied de page.
Comme une image est plus parlante que des mots.

Voila une page qui fonctionne :
[url=http://www.servimg.com/image_preview.php?i=69&u=11431821][img]http://i43.servimg.com/u/f43/11/43/18/21/th/bon10.jpg[/img][/url]

Et maintenant celle qui pose probléme :
[url=http://www.servimg.com/image_preview.php?i=70&u=11431821][img]http://i43.servimg.com/u/f43/11/43/18/21/th/proble10.jpg[/img][/url]

J'ai entourer sur la mauvaise la découpe css qui devrai avoir pour facilité la compréhension:
- rose : divHeader
- vert : divMenu
- orange : divFooter
- rouge : divContent
- violet : div.encaps
- marron : div.img
pour le reste j'ai pas mis les couleurs, mais je pense que le probléme se situe entre rouge et violet (et peut etre marron).
/!\ je viens de tester differente chose et sur pour le marron je change div.img par #div.img j'ai plus la bonne mise en forme mais le divContent englobe bien le tout.
Quelqu'un pourrai t'il m'aider et m'expliquer la différence entre l'utilistation du point ou du diéze dans le css je crois que j'ai pas bien compris.

[code]
.....

#divContent
{
width: 780px;
margin-left: 220px;
border: 1px #008102 solid;
background-color: #CAF99B;
}

.......
div.encaps
{
position:relative;
margin:20px auto;
}
div.img
{
margin:2px;
border:1px solid #0000ff;
float:left;
text-align:center;
}
div.img img
{
max-width:230px;
height:140px;
display:inline;
margin:3px;
border:1px solid #ffffff;
}
div.img a:hover img
{
border:1px solid #0000ff;
}
div.desc
{
text-align:center;
font-weight:normal;
width:240px;
height:190px;
margin:2px;
}

span.boxtitre
{
display:block;
text-align:center;
font-size:20px;
font-weight:bold;
height:60px;
}

span.boxprix
{
display:block;
text-align:center;
height:30px;
}


span.boxcontent
{
display:block;
text-align:center;
height:70px;
}

span.boxgarantie
{
display:block;
vertical-align: bottom;
height:40px;
}

[/code]

Merci pour l'aide que vous pourriez m'apporter.