css , bordure, IE vs FF

frenchhorn · 19 Septembre 2007

bonsoir

j'ai un petit soucis css:

quand j'écris:

Code:

#bloque
{
	width: 100px ;
	border-left: 1px solid #000000 ; 
	border-right: 1px solid #000000 ;
}

avec IE le bloque fait 100 de large
avec FF le bloque fait 102 de large (100+les 2 pixels des bordures)

comment peut on faire pour que la largeur soit de 100px dans les 2 navigateurs?

est ce que des experts avisés peuvent elclairer ma loupiotte?

merci

et bonne nuit pour les non-insomniacs :wink:

tryan · 20 Septembre 2007

Je vais peut etre m'avancer un peut vite, mais as tu été voir du coté du Doctype ?

Marie-Aude · 20 Septembre 2007

utilise le hack !important pour déclarer une largeur différente dans IE. Le modèle de boite d'IE c'est de la m... et voilà

MarvinLeRouge · 20 Septembre 2007

Et si on lieu d'utiliser des hacks, on lui proposait plutôt d'utiliser un doctype provoquant un rendu en mode strict (donc avec le même modèle de boîte pour IE et les autres), comme Tryan le suggérait ?
Allez, un p'tit tour chez AlsacreationS

frenchhorn · 20 Septembre 2007

tryan a dit:
Je vais peut etre m'avancer un peut vite, mais as tu été voir du coté du Doctype ?

mon ddt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

avec le {display: block} ca semble marcher

Code:

#bloque 
{ 
   width: 100px ;
display: block
   border-left: 1px solid #000000 ; 
   border-right: 1px solid #000000 ; 
}

merci !!!

c'est pénible tout ces navigateur qui n'interprete pas les choses de la meme facon...vraiment pénible

merci

a+

Pandore · 20 Septembre 2007

frenchhorn a dit:

Je suppose que l'absence de point-virgule à la fin de la ligne "display: block" est une erreur due à la rédaction de ce post ???