28173 sujets

CSS et mise en forme, CSS3

Bonjour

Pourquoi dans ma page http://www.legypteantique.com/xhtml0/index2.php ou je mets le code

BODY {
width: 754px;
margin: auto; /* Pour centrer notre page */
margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 10px; /* Idem pour le bas du navigateur */
background-image: url("/images/blue_background.jpg"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc Smiley langue */

text-align: center;

}


#page
{
background-color: rgb(255,255,255);/*couleur de fond*/
width: 754px;
margin-left: auto;
margin-right: auto;
text-align: left;
}



#menu-haut
{
background-color: rgb(192,224,255);/*couleur de fond*/
width: 750px; /*on fixe une largeur, pareil que la largeur de l'image ^^*/
height: auto; /*hauteur automatique*/
border: 0px solid rgb(254, 140, 16); /*la bordure*/
margin-left: 2px;/*marge de gauche*/
margin-right: 2px;/*marge de gauche*/
margin-top: 2px;
border-top: none;/*pas de bordure en haut pour l'image*/
margin-top: none;/*pas de marge en haut*/
float: left; /*le menu sera a gauche*/


}

#menu-gauche
{
background-color: rgb(192,224,255);/*couleur de fond*/

border: 0px solid rgb(254, 140, 16); /*la bordure*/
margin-left: 0px;/*marge de gauche*/
border-top: none;/*pas de bordure en haut pour l'image*/
margin-top: none;/*pas de marge en haut*/
float: left;
width: 180px; /*on fixe une largeur, pareil que la largeur de l'image ^^*/
margin-left: 2px;/*marge de gauche*/
height: auto;/*hauteur automatique*/
}



#corps-de-page
{
height: auto;/*hauteur automatique*/
margin-left: 180px; /*marge a gauche*/
width: 570px; /*largeur*/
background-color: rgb(255,255,255);/*couleur de fond*/
border: 0px solid rgb(254, 140, 16);/*la bordure*/
}


l'article se glisse sous le menu gauche?

Sinon pourquoi le code

background-color: rgb(192,224,255);/*couleur de fond*/

fonctionne, et pas

background-image: url("images/fond-colonnes-externes/fond-colonnes-externes-bleu.gif");
background-repeat: repeat-x;
background-repeat: repeat-y;

???

Cordialement