28172 sujets

CSS et mise en forme, CSS3

[Résolu ]Décalage ie6

Bonjour à tous,

Je suis en train de faire un design et j'ai un problème, j'ai beau tout essayer rien n'y fait Smiley ohwell
J'ai un décalage sous ie6 l'image ne commence pas tout à gauche (il y a un petit décalage alors quand j'applique un margin-right il est plus à droite avec ie6 que avec firefox. C'est pas le premier design que je code mais la je comprend vraiment pas d'ou vient le problème.

upload/20829-exemple.jpg 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Votre site</title>
<link rel="shortcut icon" href="favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<meta http-equiv="content-language" content="fr" />
<link href="style.css"	title="Défaut" rel="stylesheet" type="text/css" media="screen" /> 
<script type="text/javascript" src="script.js"></script>
</head>
<body>	 

<div id="conteneur">  
<div id="header"></div>
<div id="contenu">
<div id="left"><div id="menufond">Le lundi au soleil blablabla<br>Le lundi au soleil blablabla</div></div>
<div id="right"><div id="contenufond">Le lundi au soleil blablabla<br>Le lundi au soleil blablabla</div></div>
</div>
<div id="pied"></div> 
</div>

</body>
</html>


body             {margin:0;padding:0;background:url(images/fond.jpg);background-attachment: fixed;}	
#conteneur       {margin: 0 auto 0 auto;padding:0;width: 1024px;position:relative}	
#header          {height:260px; background:url(images/header.png) no-repeat top center;width:1024px} 	
#pied            {background:url(images/pied.png) top no-repeat;height:158px;width:1024px;margin: 0;padding: 0;} 
#contenu         {width: 1024px;padding:0;margin:0;background-color:#fff;}	 
   

#left			 {width: 170px;padding:0;margin:0;float:left;background-color:#c00000;display:inline;}
#right			 {padding:0;margin:0 0 0 170px;background-color:#c1c1c1;}



#menufond	    {width: 164px;background:url(images/fond_menu.jpg);padding:0;margin:0 0 0 6px;font: 1em Sylfaen;line-height:1.2;text-align:center;}

#contenufond	  {width:836px;background:url(images/fond_contenu.jpg);padding:0;margin:0;}


Pour résumer ma div se trouvant dans une autre div ne s'aligne pas à gauche sous ie6

Merci d'avance pour votre aide Smiley smile
Modifié par boosteur (27 Jul 2009 - 02:38)
Salut,

Je te conseillerai de faire une feuille de style conditonnelle pour IE6 et mettre un padding/margin différents pour ces éléments parce que là je ne vois pas d'où pourrait venir le problème Smiley ohwell
C'est justement ce que je craignais de devoir faire.
Je pense que je vais pas trop avoir le choix. Smiley decu

Merci de m'avoir répondu, avant de mettre résolu je vais quand même attendre un peu au cas ou quelqu'un aurait une idée. Smiley ravi
Modifié par boosteur (26 Jul 2009 - 19:57)
Bonsoir,
Tu peux aussi écrire dans un commentaire conditionnel que si l'affichage est altéré il faudrait penser à changer de navigateur.
Modifié par loicbcn (26 Jul 2009 - 23:21)
OKi je vais faire un css spécial boulet euh IE6 . Smiley confused

Merci à vous Smiley cligne
Modifié par boosteur (27 Jul 2009 - 01:43)
Sujet clos
Aller à