28220 sujets

CSS et mise en forme, CSS3

Salut à tous Smiley lol

Avant de commencer, je tiens à preciser que j'ai fait une recherche sur le forum et que rien n'a résolu le probleme (changement de doctype ou spécification de margin à la place de width).

Sur cette page et uniquement sous ie http://galilandt.free.fr/, dans le menu de gauche, les titres qui sont des images de la meme largeur que le bloc conteneur du menu sont décallées d'1px vers la gauche car une border d'1px est appliquée au bloc conteneur général.

le css
body
{
margin: 20px;
background-color: #EFEFEF;
font-family: Arial;
font-size: 12px;
}

#conteneur
{
background-image: url(images/index/menu_droite_back.jpg);
background-color: #FFFFFF;
background-position: right;
background-repeat: repeat-y;
border: 1px solid #D1D1D1;
}


/* MENU ................................................................................................ */

#menu
{
float: right;
width: 150px;
font-size: 10px;
color: #FFFFFF;
}

#menu img 
{
display:block;
}

#menu p
{
width: 145px;
margin-top: 2px;
margin-bottom: 2px;
padding-left: 5px;
}

#menu_image
{
width: 130px;
height: 98px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
}


Si je supprime la border-right de mon bloc conteneur il n'y a plu de decallage mais je veux la garder Smiley biggol .

Si vous savez d'ou ca vient Smiley cligne