Problème css

Question

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 ;)

Harricote · Answer

Oui, peux-tu le mettre ? merci

milo1986 · Answer

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;
}

Problème css

2 réponses

Votre réponse

Discussions similaires