28220 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde,

je viens vous soliciter car j'ai un problème d'affichage sur mon site. Je m'explique, j'ai un div définit de tel sorte :

<div style="border-left:1px solid #0382A6;border-right:1px solid #0382A6;width:669px;margin-left:27px;padding-top:10px;padding-left:10px;padding-bottom:5px;padding-right:5px;">


Et donc sous IE pas de problème, sauf que sous FF la probleme, car mon border-right depasse largement les 669px fixé, vu qu'il ajoute les padding.

Donc voila si quelqu'un avait une solution, ce serait gentil, car j'ai beau chercher un peu partout, je n'y arrive pas.

Merci
Plop,

C'est bel et bien le comportement de Firefox qui est correct. En effet la largeur réelle d'un élément relève de cette équation :

border-right + padding-right + width + padding-left + border-left = largeur totale

Si IE ne se comporte pas de cette façon c'est dû au modèle de boîte de microsoft que openweb explique mieux que moi.