Aller au contenu

Sujets conseillés

Posté

SAlut !

J'ai un problème etrange... j'ai vérifié 3 fois ma feuille de style que voici :

/********************************************************************************
****/
/******************************** CAPOEIRA STYLE CSS *********************************/
/********************************************************************************
****/

body { /* tips : jolie couleur claire : #F3F5F7 */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

/********************************************************************************
****/
/*************************************** LIENS ***************************************/
/********************************************************************************
****/

.liens a{
color : #000000;
text-decoration : none;
}
.liens a:hover{
color : #0000FF;
}

/********************************************************************************
****/
/************************************** CONTENEUR **************************************/
/********************************************************************************
****/

div#conteneur { /* je fais 2 conteneurs pour qu'avec les bordures, on ne dépasse pas les 100% */
position : absolute;
width : 100%;
}
div#conteneur2 {
border : 3px solid #000;
background : #F3F5F7;
text-align : left;
}


/********************************************************************************
****/
/************************************** CONTENU **************************************/
/********************************************************************************
****/

div#contenu {
margin-left : 150px;
margin-right : 150px;
border : 5px solid #000;
padding : 10px;
height : 600px;
background : #FFF;
min-width : 100px;
}
body > div#contenu {
min-height : 600px;
}

/********************************************************************************
****/
/*************************************** HEADER **************************************/
/********************************************************************************
****/

div#header {
border : 1px solid #000;
height : 100px;
background : url('../images/logo.gif') no-repeat;
}

/********************************************************************************
****/
/************************************** FOOTER ***************************************/
/********************************************************************************
****/

div#footer {
border : 1px solid #000;
background : url('../images/footer.gif');
height : 20px;
}


/********************************************************************************
****/
/*************************************** MENUS ***************************************/
/********************************************************************************
****/

div#menu-droite {
float : right;
width : 150px;
background : #000;
}
div#menu-gauche {
position : absolute;
width : 150px;
list-style-type : none;
background : #000;
}

div.menu h1 {
font-size : inherit;
background : url('../images/menu.gif') no-repeat;
width : 150px;
height : 20px;
}
div.menu ul {
list-style-type : none;
}
div.menu li {

}

/********************************************************************************
****/
/********************************************************************************
****/
/********************************************************************************
****/

Et le contenu des menus et décalé d'une trentaine de pixels sur la droite...pourquoi ?

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...