28173 sujets

CSS et mise en forme, CSS3

[Résolu] 2 class sur un div qui a déjà un Id...ouch !!

Bonsoir,

Une nouvelle question. J'ai pu contourner le problème mais il faut que je comprenne les choses pour avancer... Smiley rolleyes

Voilà, j'ai un Div que j'appelle id="partie1"
J'utilise un fichier toto.css commun pour 4 pages, et deux de ces pages ont un background différent.

J'avais donc trouvé la solution de rajouter un class spécifique à chaque page sur mon div, ainsi je pouvais changer le background en fonction du class de la page tout en gardant les spécificités communes de mon div grace à son id.

Le problème c'est que cette technique marche bien sous mozilla et pas sous IE... pourquoi ?

D'autant que je l'utilise également sur un H2 (titre en image spécifique à chaque page) et que cela fonctionne bien sur ces mêmes pages et sur les deux navigateurs. Smiley eek

Ah oui, j'ai oublié de préciser que je ne voulais pas donner un id différent à mon div partie1 car les éléments enfants sont identiques entre les 4 pages.

J'ai donc opté pour la solution de rajouter un nouveau div de même taille dans partie1, mais ce n'est pas très propre à mon gout d'autant que ce div n'a rien à faire là en terme de squelette d'information Smiley confus

Euh...ai-je été clair ?? Smiley ravi
Si oui, avez-vous déjà eu ce cas de figure ?? Smiley ohwell
Modifié par Netrunner (26 May 2006 - 15:38)
Je crois avoir compris

Tu n’as pas besoin de plusieurs class

Exemple :

Fichier toto.css

#partie1 {
/* pas de background */
…..
….
…..
}

Fichier titi.css

#partie1 {
background : couleur1
…..
….
…..
}

Fichier tata.css

#partie1 {
background : couleur2
…..
….
…..
}



Les propriétés d’un style dans deux fichier CSS diffèrent se cumul, et si elle se contredisent la dernière chargée est utilisée

A+
Merci gege, c'est toujours bon à savoir ça.
Mais du coups, ça me fait faire 2 nouveaux css (ou du moins autant de css que j'aurais de fonds différents) et surtout déclarer 2 nouveaux import dans le source... Smiley decu

Pas moyen de palier à ça en rajoutant un class différent pour un même id ? Smiley ohwell
Salut

Normalement tu peux sans problème attribuer une (ou plusieurs) class a une balise qui as déjà un ID

Par contre j’ai déjà remarqué des comportements bizarres avec l’utilisation de l’import !!

Tu peux aussi utilise la solution ci dessous

#div1 {
	width: 50px;
	height: 50px;
}
#aaa #div1 {
	background-color: #FFCC33;
}
#bbb #div1 {
	background-color: #FF0033;
}


<body id="bbb">

<div id="div1">Placez ici le contenu de la nouvelle balise Div</div>

</body>


A+
Modifié par gege71 (25 May 2006 - 15:58)
ah oui, pas idiot ça, je n'ai pas pensé à faire varier le nom de mon body...


Effectivement en modifiant le nom du body ça fonctonne bien et c'est très propre. Merci Smiley biggrin

Autrement, je fais justement un import du fichier css, ça pourrait venir de là ? Smiley edit Modifié par Netrunner (26 May 2006 - 15:37)[/edit]
Sujet clos
Aller à