Problème css

Fermé
milo1986 Messages postés 126 Date d'inscription jeudi 23 août 2007 Statut Membre Dernière intervention 30 août 2011 - 8 mai 2009 à 19:46
milo1986 Messages postés 126 Date d'inscription jeudi 23 août 2007 Statut Membre Dernière intervention 30 août 2011 - 11 mai 2009 à 11:01
Bonjour, voilà, je suis en train de développer un site en php, mon graphisme est basé sur une page css j'ai l'habitude de travailler sur du css, mais là je suis tombé sur une colle : quand je regarde le site sous safari tout est ok mais quand je veux le voir sous firefox là c'est la cata : aucun élément du template ne sont repris... comme si le css n'était pas interprété....

pour plus d'info je peux mettre le css en ligne si ça peut servir

Merci du coup de pouce ;)
A voir également:

2 réponses

Harricote Messages postés 417 Date d'inscription mercredi 21 janvier 2009 Statut Membre Dernière intervention 30 janvier 2011 41
8 mai 2009 à 20:15
Oui, peux-tu le mettre ? merci
0
milo1986 Messages postés 126 Date d'inscription jeudi 23 août 2007 Statut Membre Dernière intervention 30 août 2011 22
11 mai 2009 à 11:01
Donc voilà le css :

body {

margin:0;
margin:auto;
background-color:#267fae;
background-image:url(img/bg.png);
background-repeat:repeat-x;
}

#header {
margin:auto;
width:1121px;
height:209px;
}

#header-left {
background-image:url(img/header-left.png);
float:left;
width:289px;
height:209px;
}

#header-right {
background-image:url(img/header-right.png);
float:right;
width:311px;
height:209px;
}

#logo {
background-image:url(img/logo.png);
width:521px;
height:209px;
margin-left:289px;
padding-top:173px;
}

#menu1 {
padding-left:15px;
float:left;
}

#menu2 {
padding-right:15px;
float:right;
}

#container {
margin:auto;
width:1121px;
height:429px;


}

#container-bottom {
background-image:url(img/container-bottom.png);
margin:auto;
width:1121px;
height:163px;
font-family: "Century Gothic", Tahoma, Arial;
color:#FFFFFF ;
font-size:13px;

}

#container-left {
background-image:url(img/container-left.png);
float:left;
width:206px;
height:429px;
}

#container-right {
background-image:url(img/container-right.png);
float:right;
width:206px;
height:429px;
}

#footer {
margin:auto;
width:1121px;
height:200px;
}

#corps {
background-color:#fff;
padding-top:30px;
margin:auto;
width:709px;
height:429px;
font-family: "Century Gothic", Tahoma, Arial;
color:#2c2c2c;
font-size:13px;
}

#gauche {

background-repeat:no-repeat;
float:left;
width:690px;
height:250px;
padding-left:15px;
padding-top:20px;
text-align:justify;
overflow:auto;

}
#gauche2 {

background-repeat:no-repeat;
float:left;
width:690px;
height:250px;
padding-left:15px;
padding-top:20px;
text-align:justify;


}


#droite {

background-repeat:no-repeat;
margin-left:405px;
padding-top:60px;
}

#corps a {text-decoration:none; color:#6eb638;}
#corps a:hover{background-color:#cfffa8; color:#124517;}

ul#tabnav {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #6F776E;
margin: 0;
}
ul#tabnav li {
float: left;
height: 21px;
background-color: #A5B7FD;
margin: 2px 2px 0 2px;
border: 1px solid #6F776E;
}
ul#tabnav li.active {
border-bottom: 1px solid #fff;
background-color:#FFFFFF;
}
ul#tabnav li.active a {
color: #000000;
}
#tabnav a {
float: left;
display: block;
color: #666666;
text-decoration: none;
padding: 4px;
}
#tabnav a:hover {
background: #FFFFFF;
}
0