Décalage vraiment bizarre

bonjour ,
je constate un problème plutot bizarre sur mon site sous IE (pas mozilla) : quand je veux donner une hauteur a mon bloc content, un leger décalage se forme de chaque coté, comme si il y avait un padding. alors que sans hauteur specifié, tout va bien. mais j´ai besoin de spécifier la hauteur et qu´il n´y ai pu ce décalage! j´ai essayé des padding:0; , padding-right:0; et left aussi mais rien a faire.

sans hauteur spécifiée (= sans decalage )

http://atmakefka.free.fr/site/

http://img152.imageshack.us/img152/2418/sansdec6uq.jpg

----- ----------------------------------------------------------



avec hauteur spécifié dans le css (decalage)

http://atmakefka.free.fr/site2/

http://img156.imageshack.us/img156/816/dec4vk.jpg



code css sans decalage

<!-- 

/* styles du corps de la page */ 

body { 
margin: 0; 
padding:0; 
font:12px verdana; 
color:#000000; 
} 


/* styles des blocs de la page */ 

#container { 
margin: 0; 
padding:0; 
line-height: 130%; 
} 

#haut { 
margin : 0; 
margin-bottom:0; 
padding :0; 
text-align:right; 
font-size: 10px; 
color:#000000; 
height:23px; 
padding-right:100px; 
} 

#menu_haut { 
margin: 0; 
height:30px; 
padding:0; 
} 

#fond_haut_gauche { 
width: 100%; 
margin: 0; 
padding:0; 
height:15px; 
background-color:#d8d8e1; 
border-top: 1px solid black; 
background-image:url(menu.gif); 
background-position:bottom left; 
background-repeat:no-repeat; 
} 

#fond_haut_droit { 
height:12px; 
font-size:12px; 
background-image:url(haut_droit.gif); 
background-color:#000040; 
padding:0px; 
margin-left:140px; 
background-repeat:no-repeat; 
background-position:right; 
} 

#leftnav { 
float: left; 
width: 150px; 
height:600px; 
margin: 0; 
padding: 0; 
border-right: 1px solid #000000; 
} 

#rightnav { 
float: right; 
width: 150px; 
height:600px; 
margin:0; 
background-color:#d8d8e1; 
padding: 0; 
border-left:1px solid black; 
} 

#content { 
margin-left: 150px; 
font-size:12px; 
border-top: 1px solid black; 
margin-right: 150px; 
} 

#footer { 
clear: both; 
margin: 0; 
padding: .5em; 
text-align:center; 
background-color: #ddd; 
border-top: 1px solid #000000; 
} 

le code css avec le decalage et strictement le meme a part qu´il y height:600px; en plus dans le bloc content...

merci d'avance pour votre aide
Modifié par atmakefka (18 Feb 2006 - 21:04)

Bonsoir,

Peut-être es-tu dans ce cas-là :
Modèle de boite microsoft
Il ne faut pas mélanger les width avec les padding / border. Je vois des 1px border peut-être cela vient de là.

merci
j'ai lu et essayé des trucs mais rien à faire je ne vois pas pourquoi specifier la hauteur met une petite marge
Modifié par atmakefka (18 Feb 2006 - 22:19)

je m'arrache les cheveux un max-height:600px; ne provoque pas l'erreur mais je n'ai pas de hauteur spécifiée et si je rajoute un height en plus j'ai a nouveau cet ecart..
Modifié par atmakefka (19 Feb 2006 - 11:15)

lu.
ajoute display:inline; dans les regles #rightnav et #leftnav

bonjour,
merci je viens d'essayer , mais c'est toujours pareil

As-tu vérifié sur le forum si ton problème ressemblait par exemple à celui-ci ?
Décalage de 3 pixels
Modifié par zzzazzz (19 Feb 2006 - 12:21)

je vais regarder tout a l'heure. merci

j'ai mit comme dans le sujet dans le lien

<!--[if IE]>
<style type="text/css">
<!--
#content {left:-3px;}
-->
</style>
<! endif -->

mais ca a pas l'air de fonctionner

je m'arrache les cheveux depuis hier j'ai essayé plein de trucs et hacks et rien ne marche