Journal Mozilla ne respecte pas bien les CSS.

Posté par  .
Étiquettes : aucune
0
12
juil.
2004
J'ai l'impression que Mozilla ne respecte pas bien les CSS.
Aidez moi à savoir si j'ai raison ou si je n'ai rien compris.

Lorsque je crée une boite avec , et que je lui attribue une bordure d'un certaine taille, Mozilla ne compte pas la taille de la bordure dans la taille de la boite.

Exemple:
Si je crée une boite de 100 pixels de large, et une bordure de 30 pixels de large. La "zone de données" dans la boîte fait sans pixels, mais la boîte prend 130 pixels de large sur la page.

Inversement dans IE, la "zone de données" ne fais plus que 70 pixels de large, tandis que la boite prend toujours 100 pixels dans la page.

Et d'après les recommandations CSS, c'est IE qui a raison(si j'ai bien compris).

Est-ce que Mozilla ne respecte pas la norme?
Comment puis-je faire pour contourner cela?

  • # l'inverse

    Posté par  (site web personnel) . Évalué à 10.

    non, c'est IE qui se plante (comme d'hab). Le problème, et un hack (horrible) pour le contourner est là:
    http://css-discuss.incutio.com/?page=BoxModelHack(...)

    c'est aussi là qu'on apprend que c'est IE qui se plante, dans la première phrase:
    "According to the W3C, an assigned 'width' (and 'height') of a box refers to the 'content area' of a box only. The padding, borders, and margins are then added to this value to arrive at the total box width."
    )

  • # non

    Posté par  (site web personnel) . Évalué à 10.

    Et d'après les recommandations CSS, c'est IE qui a raison(si j'ai bien compris).

    C'est Mozilla qui est dans le vrai

    source: http://www.w3.org/TR/CSS21/box.html#box-dimensions(...)

  • # C'est IE qui a faux

    Posté par  . Évalué à 10.

    je pense que tu te trompes et que Mozilla se plie a la norme, contrairement a IE.
    il y a des astuces pour "amalioré" le box model d'IE :
    http://webdesign.about.com/cs/css/a/aaboxmodelhack.htm(...)

  • # propriété width

    Posté par  (site web personnel) . Évalué à 10.

    Si je ne m'abuse la propriété width défini la largeur du contenu, pas celle de la boite :
    http://openweb.eu.org/articles/dimensions_boites_css/(...)

    c'est donc Mozilla qui a raison

  • # C'est normal.

    Posté par  (site web personnel, Mastodon) . Évalué à 9.

    C'est de l'exterieur vers l'interieux:

    marge-bordure-padding

    http://www.w3.org/TR/REC-CSS2/box.html(...)


    Quand tu dis 100 pixel (et non pas "sans" ;-) ), ce sont 100 pixels pour l'intérieur de la boite.


    Fais une rechecher sur "IE Bug Box model"

  • # Amha

    Posté par  (site web personnel) . Évalué à 5.

    Il me semble que la description que tu donnes est plus logique :

    Si je crée une boite de 100 pixels de large, et une bordure de 30 pixels de large. La "zone de données" dans la boîte fait cent pixels, mais la boîte prend 130 pixels de large sur la page.

    En fait, tu as 100 pixels "utiles".
    (ch'sais pas, ça me semble plus logique)

    • [^] # Re: Amha

      Posté par  (site web personnel) . Évalué à 7.

      En fait il n'y a pas de bon ou de mauvais modèle.

      Les 2 se valent et tout dépend de la contrainte qu'on a. Si on a une contrainte extérieure (par exemple on veut mettre un boîte dans une colonne de largeur connue) alors le modèle de boîte "MS" conviendra mieux. Au contraire si on a une contrainte intérieure (on connait la taille que doit avoir le contenu de la boîte) alors le modèle de boîte W3C conviendra mieux.


      Les CSS 3 devraient satisfaire tout le monde car elles introduisent la propriété "box-width" qui est la largeur dans le modèle de boîte "MS" (padding et bordure comprise donc)

      http://www.w3.org/TR/2002/WD-css3-box-20021024/#the-box-width(...)

      Pensez à l'environnement avant d'imprimer ce commentaire - Please consider the environment before printing this comment

      • [^] # Re: Amha

        Posté par  . Évalué à 2.

        Il y a aussi la propriété box-sizing.

        Mais le module "box model" n'est pas encore fixé donc méfiance.
        Toutefois, box-sizing est implémenté dans les geckos sous la forme -moz-box-sizing.

  • # J'avoue mon erreur

    Posté par  . Évalué à 3.

    C'est bien, ce que je pensais, je n'avais pas bien compris la norme CSS.
    Donc résultat des courses, c'est bien IE qui se plante.

    IE, il casse les couilles quand il s'agit de faire un site qui visible par tous les navigateurs.....

    A quand, la migration de tous les internautes vers Mozilla....

    • [^] # Re: J'avoue mon erreur

      Posté par  (site web personnel) . Évalué à 3.

      Si tu déclare bien tout comme il faut (doctype) les dernières versions d'IE respectent les specs du w3c.

      • [^] # Re: J'avoue mon erreur

        Posté par  (site web personnel) . Évalué à 4.

        Faut le dire vite hein... Meme au niveau du box model, ce dont Pascal parle, c'est pas la joie...

      • [^] # Re: J'avoue mon erreur

        Posté par  . Évalué à 2.

        Enfin faut le mettre au bon endroit le doctype :p si par rapport à la déclaration xml par exemple il n'est pas bien placé il n'y as pas de changement de moteur de rendu :D

    • [^] # Re: J'avoue mon erreur

      Posté par  (site web personnel) . Évalué à 2.

      A quand, la migration de tous les internautes vers Mozilla....

      C'est démarré ! C'est le moment de faire de la propagande du prosélytisme.

      En effet, la part de Mozilla dépasse les 10% et sort donc de la marginalité, la presse grand public commence sérieusement à en parler en bien et de plus en plus de news descendent IE.

      Tout cela en fait enfin une solution crédible pour monsieur tout le monde (et oui, monsieur tout le monde est très mouton). Un petit coup de pouce, une installation, une démonstration et c'est adopté, puisque le dernier argument "je veux faire comme les autres" n'est presque plus en défaveur de Mozilla.

    • [^] # Re: J'avoue mon erreur

      Posté par  (site web personnel) . Évalué à 3.

      A quand, la migration de tous les internautes vers Mozilla....

      J'avoue que ça me faciliterait la vie quand je fais des CSS que tout le monde soit sous Mozilla.

      En tout cas, j'ai réussi à faire migrer mon père sous Thunderbird et Firefox !
      (après moult attaques et virus/spam, Thunderbird a été fortement apprécié, et aussi bizarre que ça puisse paraître, c'est la rapidité de Firefox qui lui plaît le plus... alors que moi, ce sont les onglets)

      Yes, la lutte sera longue pour éradiquer la mauvaise habitude IE...

    • [^] # Re: J'avoue mon erreur

      Posté par  (site web personnel) . Évalué à 3.

      A quand, la migration de tous les internautes vers Mozilla....
      s/Mozilla/des navigateurs respectant les standards/

      Attention à ne pas passer de IE only à Mozilla only

  • # sur les forums

    Posté par  (site web personnel) . Évalué à 10.

    Tu peut poster ici:
    http://linuxfr.org/forums/32/(...)

    Ce sera plus ciblé et surtout plus facile pour les recherches futures.

  • # En effet

    Posté par  . Évalué à 1.

    C'est IE qui se vautre. Voici une solution PHP qui pourras peut-être t'être utile

    http://dosimple.ch/articles/Box-model-PHP/(...)

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.