css , bordure, IE vs FF

**le Mer Sep 19, 2007 22:52**

bonsoir

j'ai un petit soucis css:

quand j'écris:

Code: Tout sélectionner: #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:

**le Mer Sep 19, 2007 23:30**

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

**le Jeu Sep 20, 2007 0:06**

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à

**le Jeu Sep 20, 2007 9:23**

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

**le Jeu Sep 20, 2007 10:35**

tryan a écrit: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: Tout sélectionner: #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+

**le Jeu Sep 20, 2007 18:47**

frenchhorn a écrit:
Code: Tout sélectionner
#bloque { width: 100px ; display: block border-left: 1px solid #000000 ; border-right: 1px solid #000000 ; }

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 ???

css , bordure, IE vs FF

css , bordure, IE vs FF

Lectures recommandées sur ce thème :

Qui est en ligne