Salut,
J'ai un gros décalage dans IE6 apparement
Donc j'ai commencé à préparer une feuille de style pour mosieur ie6 mais je ne trouve pas la solution ...
Une partie du code html :
Et une partie du code CSS :
Voyez vous l'erreur ?
Cela vient de #visio ou #centre ... ?
MErci
Modifié par yank (05 Jun 2009 - 13:36)
J'ai un gros décalage dans IE6 apparement
Donc j'ai commencé à préparer une feuille de style pour mosieur ie6 mais je ne trouve pas la solution ...
Une partie du code html :
<body>
<div id="global">
<div id="evitement">
<ul>
<li><a href="index.php?page=accueil" title="Accueil du site">Accueil</a> /</li>
<li><a href="index.php?page=accessibilite" title="Accessibilité du site">Accessibilité</a> /</li>
<li><a href="index.php?page=plan" title="Plan du site">Plan du Site</a> /</li>
<li><a href="index.php?page=devis" title="Devis">Devis</a> /</li>
<li><a href="index.php?page=contact" title="Pour nous contacter">Contact</a></li>
</ul>
</div>
<div id="header">
<div class="logo"><img src="visuels/logo.png" alt="Logo" width="241" height="100" /></div></div>
<div id="gauche">
<div id="menu">
<ul>
<li><a id="lien1" href="index.php?page=" title=""></a></li>
<li><a id="lien2" href="index.php?page=" title=""></a></li>
<li><a id="lien3" href="index.php?page=" title=""></a></li>
<li><a id="lien4" href="index.php?page=" title=""></a></li>
<li><a id="lien5" href="index.php?page=" title=""></a></li>
</ul>
</div>
</div>
<div id="droite">
<div class="devis">
<a href="http://index.php?page=devis"><img src="visuels/devis.png" alt="Devis" width="76" height="78" /></a></div>
<div class="contact">
<a href="http://index.php?page=contact"><img src="visuels/contact.png" alt="Pour nous Contacter" width="64" height="64" /></a></div>
</div>
<div id="centre">
<div id="visio"><img src="visuels/visio.png" alt="EN cours" width="497" height="253" /></div>
<h2>Blabla !</h2>
<p>Blablablabla</p>
</div>
<div id="footer"><div class="foot"></div></div>
</div>
</body>Et une partie du code CSS :
* {
margin:0;
padding:0;
}
body {
font-family: "Trebuchet MS", Arial, Heveltica, sans-serif;
margin: 0;
padding: 0;
background-image:url(visuels/mur.jpg);
background-repeat:repeat;
background-color:#fff;
}
#global {
width:926px;
margin-left: 20px;
margin-top: 20px;
background-image: url(visuels/global.png);
background-repeat: repeat-y;
background-position: 291px 0px;
}
#header {
height: 100px;
background-image: url(visuels/header.png);
background-repeat: no-repeat;
background-position: 291px 0px;
}
.logo {
}
#visio {
margin: 0;
padding: 0;
}
#centre {
margin-top: -50px;
margin-left: 312px;
margin-right: 117px;
}
#gauche {
float:left;
width: 312px;
}
#menu {
height: 196px;
background-image: url(visuels/menu.png);
background-repeat: no-repeat;
margin-top: 20px;
margin-left: 73px;
}
#droite {
float:right;
width: 117px;
}
.devis {
margin-top: 94px;
margin-left: 40px;
}
.contact {
margin-top: 47px;
margin-left: 52px;
}
#footer {
clear:both;
height: 20px;
background-image: url(visuels/footer.png);
background-repeat: no-repeat;
background-position: 291px 0px;
}
.foot {
padding-bottom: 80px;
}Voyez vous l'erreur ?
Cela vient de #visio ou #centre ... ?
MErci
Modifié par yank (05 Jun 2009 - 13:36)
, c'est comme si mon image d'arrière plan dans Global (qui ne fait que 497px de large et se répète en y) faisait en fait 926 px de large, j'ai l'impression qu'elle prend toute la largeur de la Div ... d'où l'effet bizarre d'avoir un espèce de biseau sur les côtés de ma Div Global, je vais y arriver 
