28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je me permets de vous interpeller sur un mise en page (qui me semble un petit peu douteuse) d'une balise <caption> avec Firefox (pas de problème avec ie, opera, konqueror)
Voilà, avec Firefox, les dimensions d un <caption> enfant dépassent celles de sa balise <table> mère si on applique une marge (extérieure) à cette balise <table> sans rien lui demander d'autre (au niveau placement horizontal) ...
En plus, je lui impose de mettre <caption> sur <table> avex la propriété z-index et il me met le texte au dessus et le background en dessous... (normalement, je ne devrait même pas lui indiquer un z-index pour qu'il fasse bien les choses)


table {
        padding-top: .5em;
        margin: 0 1em; /* 1em à gauche et à droite qui fait que*/
        z-index: 0;
}
 
caption {
        margin-bottom: -.5em;
        z-index: 100; /*j'impose d'etre au dessus*/
}


Le code html est le code en vigeur pour ces 2 éléments (pas d'exotisme de ma part)
Vous constaterez le résultat ici
http://japsenne.free.fr/

Peut-être ai-je oublié un détail important, mon amateurisme faisant...

Merci pour vos réponses

PS: avec Epiphany, j'ai la même chose -> bug rendu Gekgo ?