css et compatibilité Netscape

Discussion dans 'Administration d'un site Web' créé par netsys, 11 Octobre 2004.

  1. netsys
    netsys WRInaute passionné
    Inscrit:
    17 Juillet 2004
    Messages:
    1 010
    J'aime reçus:
    0
    Bonjour,

    Je renconte quelques problèmes de compatibilités avec mes feuilles de style entre IE et Netscape. Le problème semble venir des largeurs et hauteurs automatiques.
    Mon site est : w.ww.rec*ette-des*sert.com (en construction) et ma feuille de style se trouve ici w.ww.rec*ette-des*sert.com/style.css dont voici un exemple pour le menu concernant les ingrédients :

    #tingredient {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 13px;
    font-size: 10px;
    font-family: verdana;
    font-weight: bold;
    color: #ffffff;
    width: 136px;
    height: 43px;
    background-image: url("images/top-ingredient.gif");
    background-repeat: no-repeat;
    }

    #ingredient {
    padding-top: 3px;
    padding-bottom: 3px;
    width: 136px;
    height: auto;
    background-image: url("images/fond-ingredient.gif");
    background-repeat: repeat-y;
    }

    #bingredient {
    width: 136px;
    height: 16px;
    background-image: url("images/bottom-ingredient.gif");
    background-repeat: no-repeat;
    margin-bottom: 8px;
    }

    Merci de votre aide.
     
  2. Monique
    Monique WRInaute passionné
    Inscrit:
    16 Septembre 2002
    Messages:
    1 153
    J'aime reçus:
    0
    Bonjour,

    Je n'ai pas décortiqué ta feuille de style, mais je suis presque certaine qu'il s'agit du problème du "box model"... merci IE :twisted:

    Explications : Gérer les modèles de boîtes CSS standard et Microsoft

    Quand tu parles de navigateurs il est utile de préciser leur version, surtout pour Netscape (qu'il est préférable de laisser tomber au profit de Mozilla/Firefox)

    Amicalement,
    Monique
     
  3. SIBELIUS
    SIBELIUS WRInaute occasionnel
    Inscrit:
    21 Décembre 2003
    Messages:
    256
    J'aime reçus:
    0
    Le dernier netscape (7.02) n'est pas bien? Je n'en ai eu aucun echo pour l'instant.
     
  4. e-kiwi
    e-kiwi WRInaute accro
    Inscrit:
    23 Décembre 2003
    Messages:
    13 198
    J'aime reçus:
    1
    forcement, personne l'a essayé :)
     
  5. Monique
    Monique WRInaute passionné
    Inscrit:
    16 Septembre 2002
    Messages:
    1 153
    J'aime reçus:
    0
    Bonjour,

    Netscape 7.02 est bien... pour le grand public (plus simple puisque les plugings les plus courants sont installés automatiquement).

    Mais la version 7.02 (date de février 2003) est basée sur Mozilla 1.0.2 et la version 7.1 (date de juin 2003) sur Mozilla 1.4 :roll:
    Toujours en retard donc... pas l'idéal pour les webmasters !

    Amicalement,
    Monique
     
  6. e-kiwi
    e-kiwi WRInaute accro
    Inscrit:
    23 Décembre 2003
    Messages:
    13 198
    J'aime reçus:
    1
    desolé d'en remettre une couche, mais il me semble que ce problème n existe plus sous ie avec la "css ie7"
     
  7. milkiway
    milkiway WRInaute accro
    Inscrit:
    3 Février 2004
    Messages:
    4 196
    J'aime reçus:
    0
    Oui mais IE 7 est un hack

    entre parenthèses je trouve que pour une fois IE est bien plus intelligent que les autres, son modèle de boîte est bien plus logique...
     
  8. oberon
    oberon WRInaute discret
    Inscrit:
    26 Septembre 2003
    Messages:
    147
    J'aime reçus:
    0
    La dernière version de Netscape est la 7.2, basée sur mozilla 1.7.2, même moteur que Firefox actuellement, il n'est donc pas en retard. Dans tous les cas, même netscape 6.2 sorti en 2001 est déjà très très supérieur à ce que IE6 est capable de faire en CSS, il n'y a aucune compétition avec firefox au niveau du moteur de rendu, pour moi c'est un faux débat :)

    Concernant le modèle de boîte d'IE, il semble surtout logique à ceux qui n'ont pas appris les css en lisant les specs mais par un processus d'essais erreurs sous IE, et on ne peut pas apprendre correctement en utilisant un outil cassé... Par ailleurs, le patch IE7 qui corrige et améliore le support CSS d'IE6, moi j'appelle pas ça un hack, j'appelle ça une prouesse technique et un grand service rendu aux webmasters !

    Dans le cas du site en question dans ce fil, la base du problème est que la syntaxe du html est incorrecte (à commencer par le manque de DTD qui provoque des erreurs de calcul de largeur) et le manque de sémantique. Il y a aussi une mauvaise utilisation des floats, en fait la plupart sont inutiles et il manque des clear pour rétablir le flux après les floats. Déjà, supprimer le float:left sur espaceur arrangerait bien les choses puisqu'il fait exactement le contraire de ce qu'un espaceur devrait faire !

    Les flottants sont l'un des concepts les plus compliqués des CSS, personnellement je déconseillerais un design tout en flottants aux débutants ;)
     
  9. SIBELIUS
    SIBELIUS WRInaute occasionnel
    Inscrit:
    21 Décembre 2003
    Messages:
    256
    J'aime reçus:
    0
    IE7 est certes un outils intéressant, mais il reste une surcouche et nécessite malheureusement javascript pour fonctionner :( Donc oui, c'est bien un hack.
     
  10. e-kiwi
    e-kiwi WRInaute accro
    Inscrit:
    23 Décembre 2003
    Messages:
    13 198
    J'aime reçus:
    1
    ce qui est important, ce n est pas ce qui te semble logique, c est la norme w3c lol et en l'occurence, ils ne l'a respecte pas. :)

    >> la css ie7 est un "hack" -> ???
     
  11. oberon
    oberon WRInaute discret
    Inscrit:
    26 Septembre 2003
    Messages:
    147
    J'aime reçus:
    0
    IE7 étant un script côté serveur transparent pour l'utilisateur, ce n'est pas une surcouche.
     
  12. SIBELIUS
    SIBELIUS WRInaute occasionnel
    Inscrit:
    21 Décembre 2003
    Messages:
    256
    J'aime reçus:
    0
    En parlant de surcouche, j'aurais dû dire "metalangage" par exemple : il récupère les instructions non reconnues par IE, les traite via javascript et en ressort un langage commun.
    Moi j'appelle ça une surcouche mais le terme n'est peut-être pas approprié.
     
  13. milkiway
    milkiway WRInaute accro
    Inscrit:
    3 Février 2004
    Messages:
    4 196
    J'aime reçus:
    0
    non non sérieusement je ne trouve pas ça logique du tout
    j'ai toujours apris avec les specs et sur mozilla
     
  14. petit-ourson
    petit-ourson WRInaute impliqué
    Inscrit:
    31 Mai 2004
    Messages:
    680
    J'aime reçus:
    0
    J'aurai plutôt dit que c'était côté client.

    Pour avoir tester en partie cette "rustine", le fait de pouvoir l'utiliser en partie et non dans sa globalité est plutôt sympathique.

    Par exemple, utiliser la gestion du display:fixed de IE7 plutot que de faire un autre systeme en javascript est facile à faire. Au pire si le client gère pas le javascript, son menu sera pas ixé ;o)
     
Chargement...
Similar Threads - css compatibilité Netscape Forum Date
CSS et compatibilité IE Développement d'un site Web ou d'une appli mobile 10 Avril 2015
Compatibilité CSS avec IE, FF, Safari, ... Développement d'un site Web ou d'une appli mobile 19 Août 2011
HTML5 & CSS3 readiness / Tableau de compatibilité HTML5 & CSS3 Le café de WebRankInfo 19 Avril 2010
pb de CSS Développement d'un site Web ou d'une appli mobile 10 Mai 2022
Unused CSS et outils pour supprimer feuilles de style inutilisées Développement d'un site Web ou d'une appli mobile 27 Avril 2022
CSS / Attribuer 2 couleurs différentes aux H2 Développement d'un site Web ou d'une appli mobile 12 Mars 2022
Perplexité : pourquoi utiliser une classe CSS en dehors de <body> Développement d'un site Web ou d'une appli mobile 26 Décembre 2021
<noscript><link ...> du css après un <link rel="preload"... Débuter en référencement 1 Mai 2021
Utiliser une grille CSS peut-il nuire au référencement ? Débuter en référencement 17 Janvier 2021
[CSS] Application (non souhaitée) d'un effet au parent via :not(:hover) Développement d'un site Web ou d'une appli mobile 17 Novembre 2020
WordPress Suppression élément avec Css Demandes d'avis et de conseils sur vos sites 16 Août 2020
Conflit image responsive et animation css Développement d'un site Web ou d'une appli mobile 20 Février 2020
Ajouter une Opacité CSS sur une image en Background Développement d'un site Web ou d'une appli mobile 4 Février 2020
CSS Google Shopping AdWords 23 Janvier 2020
style.css unique préférable avec link ou javascript ? Développement d'un site Web ou d'une appli mobile 25 Décembre 2019
Comment gérer le ALT d'une image en CSS background-image YouTube, Google Images et Google Maps 17 Décembre 2019
Contenu mixte vers http / css - réelle gravité ? Débuter en référencement 24 Septembre 2019
Extension Chrome utile pour afficher le code source HTML, JS, CSS Développement d'un site Web ou d'une appli mobile 5 Juillet 2019
css pour cookieconsent et apparence graphique. Développement d'un site Web ou d'une appli mobile 28 Avril 2019
Appliquer style CSS CMS GHOST Développement d'un site Web ou d'une appli mobile 21 Mars 2019