IE et FF interprètent les paddings de manière différente. J'ai d'ailleurs l'impression que IE est pour une fois plus logique, en ce sens qu'il ne rajoute pas de la taille à une div quand celle-ci est fixée et qu'on y ajoute un padding.
 
Comment faire pour que l'affichage soit identique avec les deux navigateurs ?

Regarde par la :
http://openweb.eu.org/articles/dimensions_boites_css/

Sinon, oui, le modèle de boîte d'IE5 est plus logique que le modèle du W3. Avec le modèle du W3, impossible de faire un machin avec une width de 100% et un padding de 20px par exemple, car l'élément va du coup être plus grand que 100%

Exact.
 
Il y a deux grandes solutions :
 
solution 1 : ne pas préciser de largeur et se démerder pour que la largeur en auto se fasse en fonction d'autres éléments.
 
solution 2 : utiliser un deuxième bloc à l'intérieur du premier et jouer avec des marges.

Ouaip mais quitte à chipoter je préfère encore n'avoir qu'un div de largeur fixe et d'y appliquer le box model hack...

 
Reporter un pourrissage du HTML vers un pourrissage du CSS, c'est un choix que je ne cautionne pas.
 
Les CSS sont pour le moment imparfaites, il faut donc faire avec et ne pas se soucier de chaque navigateur, mais faire en sorte qu'un seul et même code fonctionne partout.
 
C'est comme les mecs qui font des détections en JS pour savoir quel navigateur est utilisé.
 

Ben avec le box model hack le même code passe sur tous les navigateurs .
 
La largeur auto c'est difficile par exemple dans le cas d'un footer avec paddings qui prend 100% du conteneur (de largeur fixée).

 
Le box model hack, c'est de la merde...

Ah bon.
 
Pourtant ça passe très bien et c'est facile à mettre en oeuvre. Et c'est plutôt le modèle de boîte qui est naze, vu qu'il force à finasser comme ça
 
Problème résolu en imbriquant deux div l'un dans l'autre avec de margin.

 
C'est une bonne solution.

 
Petite question..  
 
il explique le modèle de boîte miscrosoft disant que le padding et le border sont a l'intérieur de la box même.. mais qu'en est il des marges? sont elle dans la box aussi? je ne comprends pas bien, car j'ai aussi des différence de marges entre les deux navigateurs.. merci

 
Pourtant c'est clair sur le site cité    
 

 
 
je demandais ce qu'il en était au niveau de la différence entre les navigateurs, je me suis mal exprimé

Ben de nouveau c'est dans l'article:
 

 

• Le modèle MS considère la largeur, les paddings et borders sont à l'intérieur
• Le modèle standard a une largeur qui vaut la largeur donnée, plus les paddings, plus les borders

D'ailleurs en CSS3 on pourra choisir entre le modèle de boite Crosoft ou W3C (box-sizing)

Ben vivement le CSS3 alors
 
C'est pour quand ?

2007 ? 2008 ?

Ca va faire longtemps encore à chipoter avec ces boxes alors

Le problème surtout est de savoir la date à laquelle IE les implémentera

Ben IE7 (dans Longhorn) c'est pour 2006, non ?

IE7 est prévu pour XP SP2 aussi, bêta dispo cet été, et selon les dires de certaines personnes chez microsoft ils vont implémenter certains trucs des CSS2, mais pas tout

Bon cette version standard des boxes est trop chiante
 
Quand on a une box avec paddings et margins (mettons verticaux, pour l'exemple), qu'on lui colle une border-bottom, elle est placée à la limite de la taille de la box, donc bien souvent en plein milieu du texte !
 
Faut encore créer une autre class... Fatiguant et pas pratique ces boxes !

Sauf que pour le moment les chances qu'IE implémentent intégralement les CSS1 sont extrèmement faibles (non, les CSS1 ne sont pas encore intégralement implémentées dans MSIE6), et l'implémentation des CSS2 et du HTML4 intégral sont encore moins certains, les CSS3 il est assez clair qu'on peut se brosser...