28220 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde ! Cela fait maintenant 3h que je galere pour avoir un comportement identique entre ie au niveau du border. Le cas est tout simple,
J'ai une boite en float:left qui fait 510px de large, et je veux mettre des
traits rouge de chaque coté.

Voici le css :

#FicheProduit #FicheEnteteFond
{
width: 510px;
height: auto;
margin: 0;
padding: 0;
font-size: 20px;
background-color: yellow;
text-decoration: none;
float: left;
border-left: 1px solid #FF0000;
border-right: 1px solid #FF0000;
}

L'alignement à gauche est parfait mais pas a droite !
Sur Ie c'est nickel mais firefow faire 2 pixel de plus, la taille du border en fait.
Y'a pas moyen pour dire que les 510px c'est avec les border pour ie et firefox?

Aides moi please Smiley eek Merci d'avance !

Vincent
Rebonjour, c'etait aussi pour dire qu'avant pour palier ce probleme je mettait deux rectangle l'un sur l'autre pour former le cadre. Le probleme c'est que j'utilisaait obligatoirement position:relative car pour deplacer le deuxieme cadre de 1px a droite (pour faire la ligne), ie buggait.
Pour ie, margin-left: 1px c'est 2px !!!! apres par contre c'est juste, mas en tout cas dans mon cas de float c'est mort.
Donc voila, si kk a une idée lumineuse !!

Merci d'avance !
Vinz
salut,

chez moi ce code fonctionne parfaitement sur ie et ff avec une bordure rouge de chaque côté d'un pixel.

Peut être que ca vient de ton doctype à tout hasard.
Re ! Bizarre tout ca ! Le doctype? comment ca?
Le bloc que j'ai donné est inclus dans pas mal d'autres bloc. Ca pourrait venir de la aussi?
Pour l'instant j'ai résolu en utilisant !important, mais je serai cureix de voir ton code Daweed !
@tt tout le monde !

merci d'avance !
Vinz