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 :
Et maintenant celle qui pose probléme :
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 : Tout sélectionner
.....
#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;
}
