28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

La solution doit être toute bête, mais je n'arrive pas à mettre le doigt dessus.

Je cherche à modifier le style du titre de mon site.

<body>
			<div id="blocenhaut">
			<p></p>
			<h1>CENTRE DE SAUVEGARDE DE LA FAUNE SAUVAGE DU LIMOUSIN<br/>
				Domaine départemental "La Loutre"<br/>
				87430 VERNEUIL SUR VIENNE<br/>
				Tel : 05 55 48 03 04 </h1>
				<p></p>
			</div></body>


pour cela j'applique ce CSS :


html, body {
	background-color: white;
	margin: auto;
	padding:0;
	width:100%;
	height:100%;
}

#blocenhaut{
	width:100%;
	text-align:center;
	background-image: url("../images/background.jpg");
	background-repeat:no-repeat;
	background-position:center;
	}

	
h1 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:30px;
	font-weight:bolder;
	width:100%;
	text-transform:uppercase;
	margin: 0px 0px 0px 0px !important;
	color:white;
	text-align:center;
}



Le problème :
Sous IE tout fonctionne.
Sous Firefox : le titre est bien centré, en majuscule, mais il est en noir. Le color:white n'est pas pris en compte !

Quelqu'un saurait-il comment se fait-ce ?

Merci d'avance.

Alex.
Modifié par axelwhite (09 Oct 2009 - 17:38)
Salut,

A priori ça devrait marcher, tu peux remplacer par color: #fff; en hexadécimal, mais je ne pense pas que ça change grand chose.
Peut être un style différent dans une feuille de style IE appelée en commentaires conditionnels, ou un truc du genre... ?
Aurais-tu une page en ligne pour trouver la source du problème ?
merci mikachu...

Je viens de résoudre le problème. En vidant le cache du navigateur Firefox !

Je me doutais bien que ca devait être tout con.