J'ai deux divs frères et soeurs assis dessous de l'autre, tous deux contenus dans le même div parent. L'exigence est que les divs ont besoin d'un certain espace entre eux, disons 20px, mais l'espace entre les divs internes et le div parent doit être le même de tous les côtés (haut, droite, bas, gauche), dans ce cas 0px.positionnement CSS (marge/padding) avec la contrainte de balisage
La contrainte ici est que les divs internes doivent avoir exactement le même balisage, donc je ne peux pas appliquer une classe différente ou supplémentaire à l'un d'entre eux. De plus, je ne peux pas ajouter de balisage entre les divs enfants ou seulement au-dessus ou au-dessous de l'un des divs enfants.
Quel serait un bon moyen de résoudre ce problème avec CSS (pas javascript), d'une manière compatible avec tous les navigateurs?
Merci!
Note:: pseudo-classe de premier-enfant et sélecteur adjacent ne fonctionnera pas sur IE6 –
Merci, Yi Jiang, pour le signaler. Je suppose qu'il n'y a pas de solution CSS pure à ce problème pour IE6, sans avoir recours à un balisage supplémentaire. – igor
malheureusement, il doit fonctionner dans IE6 ainsi – Jaap