border firefox et explorer

border firefox et explorer - HTML/CSS - Programmation

Marsh Posté le 01-12-2005 à 09:26:44    

            width: 1000px;
             height: 200px;
             border: 7px double rgb(0, 0, 153);
 
sous Ie a l'extérieur de la bordur le cadre fait 1000/200
sous firefox a l'extérieur de la bordure le cadre fait 1014/214
sai assai génant je voulai savoire ci sai normale et ci il y a une astuce pour i remédier(sous firefox sa agrendi mon div ce qui est assai génant)
 
je voulai savoire ci il y avait des problemme avec firefox avec des pages contenant des 10enne de <div>?

Reply

Marsh Posté le 01-12-2005 à 09:26:44   

Reply

Marsh Posté le 01-12-2005 à 09:37:33    

OXilat a écrit :

width: 1000px;
             height: 200px;
             border: 7px double rgb(0, 0, 153);
 
sous Ie a l'extérieur de la bordur le cadre fait 1000/200
sous firefox a l'extérieur de la bordure le cadre fait 1014/214
sai assai génant je voulai savoire ci sai normale et ci il y a une astuce pour i remédier(sous firefox sa agrendi mon div ce qui est assai génant)
 
je voulai savoire ci il y avait des problemme avec firefox avec des pages contenant des 10enne de <div>?


 
Ecrit en Français ça donne quoi ? parceque là mon décodeur est débranché  :o  

Reply

Marsh Posté le 01-12-2005 à 11:41:10    

En francais, je crois que ca veut dire qu'il vient de découvrir qu'IE met les marges à l'intérieur des blocs en fonctions de certains doctype alors que la norme indique que les "margin" sont à l'extérieur et les "padding" sont à l'intérieur.
 
OXilat > Dans un fichier css : margin:0;

Reply

Marsh Posté le 01-12-2005 à 11:53:30    

Ai leu phranssai c pa pour lé canari :o


---------------
http://www.alsacreations.com, http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net. A ne surtout pas prendre en exemple : http://www.worldinternet.be
Reply

Marsh Posté le 01-12-2005 à 13:47:55    

nan la le monsieur vient de découvrir la différence entre le BoxModel W3C et le BoxModel Microsoft
en HTML un élément est comme une boite
 
tu as les marges externes(margin)
puis la bordure (border)
puis la marge interne (padding)
puis le contenu (du texte ou n'importe quoi d'autre)
 
quand tu donne une largeur à un élément sous Firefox, la dimension est prise à partir du contenu.
du coup ton élément faire : largeur Contenu + 2xlargeur bordure = Largeur élément.
donc : 1000px + 2x7p = 1014px
 
et sous IE, quand tu donnes une dimension à un élément, la dimension s'applique au bout des bordures.
donc il fera 1000px exactement.
 
mais le PB c'est que c'est IE qui pige keudal. la seule manière de outre passer ce problème c'est :  
 
soit utiliser un bon doctype :  

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


 
ou bien utiliser un hack CSS

Code :
  1. height : 986px; /*largeur de l'élément par défaut et pour tous les navigateurs*/
  2. _height : 1000px; /*Réécriture de la largeur de l'élément, visible seulement par IE*/

Reply

Marsh Posté le 01-12-2005 à 15:39:55    

Merci Gatsu35 sai exactement sa

Reply

Marsh Posté le 01-12-2005 à 18:09:19    

oué ben ton orthographe c'est pas exactement ça

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed