[Résolu] Un h3 différent ss FF et IE6

Bonjour

Bizarrement ce style s'applique sous FF mais pas sous IE6

Pourquoi

#cadreContenu h3 {
	font: normal normal 0.6em verdana, sans-serif;
	text-transform:uppercase;
	margin: 11px 0 0 0;
	color: #666;
}

et

<div id="cadreContenu">
<h3>mon titre</h3>
</div>

vous pouvez voir le pb sur le site

Merci d'avance pour votre aide
Phil
Modifié par ensemblevide (17 Nov 2006 - 19:16)

Bonjour,

Le validateur CSS du W3C donne des erreurs par rapport à votre code CSS, dont une erreur de parsing. Il n'est donc pas étonnant que l'affichage ne soit pas homogène en fonction des navigateurs.

Le fait de corriger ces erreurs suffira sans doute à régler votre problème.

Bon courage !
Modifié par Eldebaran (17 Nov 2006 - 13:37)

Bonjour

Merci pour cette piste
Que voulez vous dire par erreur de parsing ? Je ne la trouve pas ?

Phil

ensemblevide a écrit :
Merci pour cette piste
Que voulez vous dire par erreur de parsing ? Je ne la trouve pas ?

Il suffit de proposer votre page au validateur pour la trouver.

a écrit :
# Line: 679 Context : .input
Parse Error - : normal normal 0.7em verdana, sans-serif;

# Line: 683
Parse Error - : black ; } input.bouton

Ok merci
Ca veut dire quoi alors parse error ?
Je suis en train de regarder les erreurs que le validator de css donne :

Ligne : 69 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : #menu li

Il faut aboslument mettre une couleur quand il y a une couleur de fond définie ? Même si cette couleur est définie ailleurs ?

Phil

Salut

La couleur de fond, ce n'est pas une erreur, c'est un avertissement (Warning: ... ). Il n'est pas nécessaire de corriger pour que la feuille de style soit valide.

Par contre, le validateur attire l'attention pour que le concepteur du site s'assure que le texte sera lisible si les images de fond ne sont pas affichées, ce qu'il ne peut pas vérifier automatiquement.

Merci

Il me semble avoir corrigé les erreurs qui se trouvaient d'ailleurs sur la css pour l'impression.
A priori si je comprend, les avertissements qui restent ne sont pas handicapant.
Mais le problème lié au titre persiste.
Bizarrement dans la colonne de gauche le même titre dans un autre div ça fonctionne :

<div id="cadreTel">
<h3>mon titre</h3>
</div>

#cadreTel h3 {
	font: normal normal 0.6em verdana, sans-serif;
	text-transform:uppercase;
	margin: 11px 0 0 8px;
	color: #666;
	border: 0px solid #ccc;
}

Pour info Tidy ne renvoie aucuns erreur et avertissement

Phil
Modifié par ensemblevide (17 Nov 2006 - 18:24)

Le problème est http://forum.alsacreations.com/faq/#item22[Résolu] semble-t-il

Bonjour

Non non pas encore. J'ai toujours le problème initial

Je pense maintenant avoir réglé le pb :

En ajoutant div aux styles concernés :

div#cadreContenu {
	width: 464px;
	border: 0 solid #ccc;
	margin: 0 0 0 15px;
	padding-bottom: 8px;
}

div#cadreContenu h3 {
	font: normal normal 0.6em verdana, sans-serif;
	text-transform: uppercase;
	margin: 11px 0 0 0;
	color: #666;
}

C'est conseillé d'ajouter div dans ces cas ?

Philippe

Ok merci

J'essaie de comprendre. Je suis encore un novice en CSS, désolé

Quand est il préconisé d'utiliser

div#cadreContenu

et

#cadreContenu

ça n'a pas vraiment d'importance. La première règle est plus précise, et ne sera appliquée que si #cadreContenu est bien un <div>. Ce qui permet d'éviter des erreurs d'id ou de class.

En ce qui concerne la priorité des sélecteurs, je te renvoie à l'article d'OpenWeb.

Merci beaucoup
Je vais m'attacher à appliquer cette première règle à tous les styles appliqués aux <div>

Je crois maintenant que le problème est réglé