Pour l'impression, cacher tous les div sauf un!

Bonjour,

j'ai mis en place deux feuilles css, une pour l'affichage écran et une pour l'impression.
Le problème c'est que je souhaiterai n'afficher qu'un seul div (et ses enfants) de ma page pour l'impression.
Pour éviter d'écrire 30 fois la même chose j'ai fait :

Code:

---

1 2 3 4 5 6 7 8 9 10

div { display:none; }   #leDiv { display:block !important; }

---

Malheureusement tous mes div disparaissent et je me retrouve avec une feuille blanche...bof donc...

Auriez-vous une solution? merci pour votre aide!

Salut,

1ère chose à vérifier, que le div#leDiv n'ait pas de <div> parent qui le contienne

Merci de m'avoir répondu.

#leDiv est contenu par 3 divs successifs... comment faire?

Citation:

---

Envoyé par fayred

Merci de m'avoir répondu.

#leDiv est contenu par 3 divs successifs... comment faire?

---

0. S'assurer que l'imbrication des div n'est pas trop et peut être inutilement lourde, voire peut pertinente.

1. Désimbriquer au mieux le div concerné

2. Utiliser la méthode la plus laborieuse en passant en display:none; les div les plus imbriqués et non les plus généraux.

3. Après, pourquoi pas, optimiser.

Sinon tu peux aussi filtrer par la cascade, quelque chose dans ce genre là donc :

Citation:

---

div#global div.enfant_global div {
display:none;
}

---

Citation:

---

div#global div.enfant_global div#leDiv {
display:block;
}

---