27799 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
J'ai un footer (CSS ci-dessous) qui refuse de prendre comme background-color la couleur #FFFFFF; il prend uniquement en compte la couleur du body Smiley hum
Une idée sur ce soucis qui à l'air simple mais dont je ne trouve pas la solution ?
Merci pour votre aide et bonnes fêtes.
ED

#footer{
	position: static;
	bottom: 0px;
	width: 100%;
	z-index: 9999;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
}
Bonjour,

Ce doit être un problème de sélecteur (il s'agit bien d'un ID ?), ou alors du poids de la sélection. Dans ce dernier cas quelque chose passe par dessus votre règle.

Dans un premier temps essayer d'ajouter un !important juste pour tester. Exemple :
#footer {
	background-color: #FFFFFF !important; /* on écrase la règle au bazooka */
}

ou mieux :
:root #footer { /* exemple d'une surcharge de sélecteurs */
	background-color: #FFFFFF;
} 

Le mieux pour débugger est de regarder avec l'inspecteur du navigateur (CTRL+MAJ+I) l'élément et les règles CSS qui le définissent.
Modifié par Olivier C (18 Dec 2021 - 13:42)
Bonjour Olivier,
Merci pour votre réponse rapide. Oui, c'est bien un ID.
Malheureusement, le !important et le :root ne changent rien.
Je vais voir avec l'inspecteur (mais je n'y suis pas habitué Smiley ohwell )
Merci encore et bonne journée,
ED
Il faut aussi vérifier si un élément contenu imbriqué ne reçoit pas la couleur de fond en lieu et place du footer. Sans voir le code difficile d'en dire plus.
Modifié par Olivier C (18 Dec 2021 - 14:14)
Bonjour,
Il a suffit de fixer une hauteur au footer pour qu'il retrouve sa couleur.
Merci Olivier C Smiley cligne
Bon week-end,
ED
Meilleure solution