Y a-t-il une (ou un) gourou CSS dans la salle ?
Par ȷulmud le dimanche 28 août 2005, 21:28 - Web - Lien permanent
Bon, je m'avoue vaincu... Je n'arrive pas à corriger les bugs de rendus du site de Phylactère, L'Association sur Internet Explorer 5.0 Win et Opera 7.54.
À ce que je comprends, Opera ignore la directive CSS !important. Malheureusement, j'utilise cette technique pour donner à IE un code de positionnement des div qui lui est spécifique. Résultat : les titres, la navigation, le logo et la boîte de recherche s'affichent à des endroits totalement étranges. Y a-t-il un moyen de cacher du code CSS à Opera mais pas à IE ? Tout ce que j'ai réussi à trouver ne s'applique malheureusement qu'à Opera 6 et inférieur... :-/ Étrangement, Opera 8 place au moins le titre et le logo de manière correcte, mais pas le reste.
Quant à IE 5.0, c'est encore pire : toute la div de contenu (#main) ne s'affiche pas... Aucun problème toutefois avec IE 5.5. C'est donc probablement un bug corrigé entre ces deux versions, mais je n'ai aucune idée de ce qui peut se passer... :-/
Tout cela me fait craindre le pire pour l'affichage sous Mac...
Une âme charitable accepterait-elle de voler à mon secours ?
Commentaires
Il me semble que opera interprete bien !important. Je regarderai avec un vrai browser, mais de tete tu peux jouer avec les selecteurs: #mondiv{margin:1em !important;/*opera*/margin:0.5em;/*ie*/} root #mondiv{margin:2em/*gecko/khtml*/}
Euh... avec le code que tu donnes là, est-ce que gecko ne mettrait pas la marge à 1em ? Sinon, je n'ai vraiment toujours rien compris à ces hacks CSS...
Bon, en regardant un peu plus en détail les dimensions de mes blocs (merci l'option « Outline Block level elements » de la Web Developer Toolbar) j'ai au moins pu régler le rendu pour Opera 8. Mais j'ai toujours un placement plus qu'étrange du logo, des titres et de la recherche sous Opera 7... et toujours pas de contenu avec IE 5/Win...
mais oui, bien sûr ! il faut ajouter !important dans le deuxième bloc...