[Résolu] Problème de position dans la pile

Bonjour.
Je suis confus. J'ai défini des niveaux avec la propriété z-index, mais les éléments ne se comportent pas comme ils devraient. Par exemple, la div "libertinage" (en bas) se retrouve en-dessous la div XVIIIe s. alors qu'elle devrait être au-dessus.
#libertinage {z-index:1;}
.siecle {z-index:0;}
La page avec le problème : http://www.trusiad.fr/sandbox/mouvements/index.html
Merci pour vos idées !

Bonsoir,
la div libertinage hérite du positionnement de sa div parent, or cette dernière est sur le même niveau que la dernière div siècle et un bloc placé en dernier dans le code s'affichera toujours au dessus du bloc précédent en l'absence de propriété de positionnement ou s'il se trouvent sur le même niveau.
> Il faut donc supprimer le positionnement relatif de la dernière div.
Mis à part ça, cette page ne donne pas du tout envie de lire le texte, c'est confus et le fond (1.2Mo !) est beaucoup trop lourd (visuellement aussi)...
Modifié par Hermann (08 May 2012 - 21:01)

Oui... Je comprends le problème de positionnement... Intellectuellement aussi, ce n'était pas satisfaisant, cette hiérarchie.
Pour ce qui est du coté esthétique, je suis d'accord... C'est laid et c'est lourd.
Merci pour les explications !
trusiad