Another NoBoy Life part... (le blog de __MaX__)
Retour au blog <<

:: DEV .:. De la compatibilité CSS IE - Firefox

Vendredi 20 juin 2008 à 21 h 58
J'ai un petit soucis sur le blog de Scorflex, j'ai utilisé un freediv pour mettre en place le fond sur la droite de la home et des articles, et j'ai placé ça avec un z-index pour que la rightcol passe au dessus, hors sur IE7 ça ne passe pas. J'ai cru lire que IE donnait priorité a l'ordre du code html par rapport au Z-index, mais théoriquement du coup, la colonne devrait bien passer au dessus.

Là je séche complètement, quelqu'un doué en CSS aurait une idée ? Ca me permettrait également d'améliorer mes connaissances en compatibilité... même si je bosse H24 sur ça, j'ai toujours des problèmes dans le genre, et c'est bien d'ôter une épine du pied de temps a autres ;)
par un Anonyme
Samedi 21 juin 2008 à 00 h 10
Je n'ai pas la réponse mais tu devrais matter le blog d'inso, il utilise les "freediv" et ils sont bien au dessus avec IE7.
J'ai regardé viteuf sa CSS et aucun z-index pourtant.
Samedi 21 juin 2008 à 00 h 30
A l'aveugle comme ça, essaie d'attribuer aussi des z-index sur les noeuds parents (comme par exemple #main). J'ai pas d'IE sous la main mais je pense que ça devrait faire l'affaire.
par jye
Samedi 21 juin 2008 à 00 h 45
Il me semble que la norme w3c spécifie qu'un z-index doit être accompagné d'un position. C'est un truc que ie respecte et pas firefox.

Edit : Ici : http://www.w3schools.com/Css/pr_pos_z-index.asp

"Note: Z-index only works on elements that have been positioned (eg position:absolute;)!"

Si ça peut aider.
par __MaX__
Samedi 21 juin 2008 à 11 h 51
Ouaip je savais ça jye, merci quand même :)

Sinon ano, effectivement, mais c'est le problème pour moi, j'aimerais que le freediv avec les taches soit en dessous. Je testerais ton idée McChicken.
Toutes les personnes enregistrées peuvent poster un commentaire dans ce blog.

Commenter

Tags autorisés : [b] [/b], [i] [/i], [u] [/u], [code] [/code], [img]Adresse d'une image[/img], [url=Adresse d'un site web] [/url]
Vous pouvez aligner vos images à droite ou à gauche en modifiant le tag [img] comme ceci : [img right] ou [img left].

Pour vos vidéos/animations flash : [video]Adresse d'une animation[/video], pour préciser la largeur et hauteur : [video width=100 height=200]...[/video]