Geckozone

GizMecano a écrit :Hello world,

Je bidouille en ce moment un petit site en local. Mon petit Firefox me donne gentiment ce que je veux voir. Mais voilà que je me dis, quelle drôle d'idée, que je devrais voir ce que ça donne dans un logiciel Windaube, et voilà que ce grand crétin ne semble pas reconnaître les styles que j'importe...

Vous me direz, c'est normal, il est comme ça, le navigateur à deux lettres

M'enfin, je voudrais quand même, malgré les pépins d'affichage normaux, genre PNG 24 et autres encadrements de DIV foireux, qu'il reconnaisse au moins les styles de titres

Alors, si quelqu'un veut me proposer un tuyau, voilà en gros ce que j'ai.

Dans le fichier index.php, j'importe la feuille générale :

Code : Tout sélectionner

<style type="text/css" title="MonStyle" media="all">@import url(styles/MonStyle.css);</style>

Et dans cette feuille, j'appelle dès les premières lignes les styles spécifiques :,

calimo a écrit :L'import à l'intérieur même d'une CSS est parfaitement autorisé, et doit absolument figurer tout en haut, avant n'importe quelle règle (même une @media) pour fonctionner !

calimo a écrit :Cela dit IE a des fois de la peine à la comprenette, il ne supporte pas les médias sur le @import

calimo a écrit :Je ne rigole pas (ou plutôt si, je me pouffe de rire tellement c'est hallucinant ! ), d'ailleurs tu peux essayer de créer une page "url(MonStyle/section1.css) all;" sur ton site dans laquelle tu mets un truc facilement repérable du style body {background:red} et je parie qu'IE t'affichera la page sur fond rouge

calimo a écrit :Au passage, tiens-moi au courant, j'aimerais bien savoir s'il n'y a que sur mon site que ça fait ça !

calimo a écrit :Pour "contourner" le problème, j'ai personellement choisi la solution de facilité [etc.] Ainsi le site s'affiche brut dans IE, s'il est bien conçu sémantiquement parlant il sera tout à fait navigable.

$navigator = $_SERVER["HTTP_USER_AGENT"];
if (ereg("Mozilla/5.0", $navigator)) {
  echo "<link rel="icon" type="image/png" href="styles/icon.png"/>\n";
  echo "<style type="text/css" title="MonStyle" media="all">@import url(styles/MonStyle.css);</style>\n";
  $advert = "(ici un texte précisant que les styles sont pris en charge)";
  } 
  else {
  $advert = "(ici un texte précisant que les styles sont neutralisés)";
  }

calimo a écrit :Sinon vu que tu importe à la base ta css avec un @import (moi j'utilise les link), tu peux facilement importer tes feuilles secondaires à partir de là

GizMecano a écrit :J'ai aussi choisi finallement de contourner le problème, mais de façon encore plus radicale (puisque, comme tu le dis, le site brut doit être navigable dans IE sans aucun style...).

Comme je me demande cependant si je n'ai pas été un peu trop radical, je vous soumets mon bout de script :

Code : Tout sélectionner

$navigator = $_SERVER["HTTP_USER_AGENT"];
if (ereg("Mozilla/5.0", $navigator)) {
  echo "<link rel="icon" type="image/png" href="styles/icon.png"/>\n";
  echo "<style type="text/css" title="MonStyle" media="all">@import url(styles/MonStyle.css);</style>\n";
  $advert = "(ici un texte précisant que les styles sont pris en charge)";
  } 
  else {
  $advert = "(ici un texte précisant que les styles sont neutralisés)";
  }

Pour tout dire, je ne suis pas certain que d'autres navigateurs capables de lire correctement les styles n'aient pas été trop radicalement mis de côté (pour ceux qui veulent vérifier avec leur navigateur, vous pouvez cliquer par ici pour voir si ça fonctionne chez vous : d'avance merci de me dire s'il y a un problème avec autre chose qu'IE).

calimo a écrit :Oulah non, pas de ça s'il te plaît, tu est en train de refaire ce qui aujourd'hui empêche les navigateurs non-IE d'accéder à certains sites

calimo a écrit :En plus là tu n'autorise que les Mozilla/5.0 à avoir les styles, c'est déjà une erreur de conception parce que tu dois afficher les styles dans TOUS les navigateurs SAUF ceux qui ne savent pas.

calimo a écrit :Non franchement ce type de détection est à bannir totalement et définitivement. Sans rémission.
[...]
Ou sinon tu laisse IE appliquer ce qu'il peut, c'est encore le mieux, à la limite un petit avertissement en commentaire conditionnel, mais pas plus

calimo a écrit :Mais on peut essayer d'arranger ça !

calimo a écrit :Pour le #footer tu le mets en absolute vu que je n'ai pas vu une seule page qui dépasse de l'écran

calimo a écrit :Pour le h2.web je ne vois pas vraiment l'utilité de @import url(ubaye04/web.css) all; sachant que si c'est all tu peux simplement l'enlever, il sert à rien, et que comme ce sera utilisé dans toutes les pages tu peux le mettre dans ubaye04.css non ?

calimo a écrit :Rien ne t'empêche de mettre un petit avertissement pour les utilisateurs d'IE via un petit commentaire conditionnel ... d'autant que c'est valide, autant en profiter

calimo a écrit :Mouais, c'est prendre des risques que de séparer les feuilles pour en changer qu'un bout. À la limite appelle tout dans une seule alors.

calimo a écrit :Et puis @import () all; ça peut simplement être @import()

calimo a écrit :Pour les commentaires conditionnels recherche avec google le premier lien est excellent et renvoie sur le site de MS.

calimo a écrit :Bien sûr tant que tu utilise de la transparence PNG et des trucs du genre, c'est normal qu'il va être bizarre sur un truc comme IE. Mais le plus important c'est qu'il est maintenant parfaitement lisible sur IE.

calimo a écrit :En revanche... j'ai une taille minimale de police fixée à 13px et une feuille de style utilisateur pour forcer la taille de la police à 100% sur le body
Ça déborde un peu, il faudrait revoir l'utilisation des positions absolues/fixes

calimo a écrit :Pour les commentaires conditionnels, c'est à toi de voir si tu en a besoin.

jv2759 a écrit :Cela ne marche pas sur IE 5...