problème bizarre de décalage

problème bizarre de décalage - HTML/CSS - Programmation

Marsh Posté le 18-02-2006 à 19:31:43    

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%20
 
 
 
 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 pour votre aide


Message édité par atmakefka le 18-02-2006 à 20:51:52
Reply

Marsh Posté le 18-02-2006 à 19:31:43   

Reply

Marsh Posté le 18-02-2006 à 23:37:44    

* {
margin:0;
padding:0;
}
 
tjrs au début de ton fichier pour pas te faire chier ensuite ;)
 
Aprés si ça corrige pas le bug ben dis le...:D

Reply

Marsh Posté le 19-02-2006 à 09:21:07    

merci mais ca ne marche pas :(


Message édité par atmakefka le 19-02-2006 à 09:21:20
Reply

Marsh Posté le 19-02-2006 à 10:15:17    

un max-height:600px; au lieu de height:600px; ne provoque pas d'erreur mais je n'ai toujours pas de hauteur définie. et si j'en met une en plus du max height, j'ai a nouveau ce décalage pffff


Message édité par atmakefka le 19-02-2006 à 10:20:40
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed