CSS et décalage de 2 pixels dans IE
Bonjour / Bonsoir a vous...
J'en suis a la phase final de mon site......J'ai un petit probleme. Dans internet explorer mon site (#container)se deplace d'un pixel..grrrrrrrr J'ai réglé le probleme pour Safari et firefox en ajoutant overflow:hidden mais pour explorer rien a faire....Je me permet de vous joindre ma feuille css...peut-etre que !!!
Merci a l'avance
Martin
/*version simplifié..........Martin*/
body{
background-color:#333333;
margin:0 auto;
overflow:hidden;
background-image:url(images/img_pied_page.jpg);
background-repeat:repeat-y;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #666666;
}
a:active {
text-decoration: none;
}
hr
{
width:680px;
color:#9999cc;
border-bottom-width:0.5px;
}
h1
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.couleur_rouge
{
color:#FF0000;
}
.couleur_footer
{
color: #707070;
}
.couleur_imprimante
{
color:#9999cc;
}
#container
{
position:relative;
margin: 0px auto;
width:1008px;
}
/*Debut de l'attribution des balises de la zone entete*/
#entete
{ position:relative;
left:0px;
width:1008px;
height:245px;
}
#entete_logo
{
position:absolute;
width:308px;
height:70px;
}
#entete_01
{
width:700px;
height:45px;
position:absolute;
right:0px;
top:0px;
}
#entete_02
{
position:absolute;
width:700px;
height:25px;
right:0px;
top:45px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
#entete_menu
{
position:absolute;
width:1008px;
height:22px;
top:70px;
}
#entete_banderolle
{
position:absolute;
width:760px;
height:153px;
top:92px;
left:0px;
}
#entete_galerie
{
position:absolute;
width:248px;
height:153px;
top:92px;
right:0px;
}
/*Fin de l'attribution des balises de la zone entete*/
/*Debut de l'attribution des balises de la zone contenus*/
#zone_contenus
{
position:absolute;
width:1008px;
top:245px;
}
#zone_hautpage
{
position:absolute;
width:760px;
height:50px;
left:0px;
}
#zone_menus
{
position:absolute;
width:248px;
height:525px;
right:0px;
}
#zone_texte
{
position:absolute;
width:720px;
left:0px;
top: 50px;
margin-left:40px;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
}
#image_temoignage
{
float:right;
margin-left:5px;
margin-bottom:5px;
width:164px;
height:388px;
top: 0px;
}
/*Fin de l'attribution des balises de la zone contenus*/
/*Debut de l'attribution des balises pour les options*/
#option_langue
{
position:absolute;
width:60px;
height:15px;
right:0px;
bottom:5px;
padding-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
#option_menu
{
position:absolute;
width:150px;
height:15px;
right:0px;
bottom:5px;
padding-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
#titre_page
{
position:absolute;
width:auto;
height:15px;
top:10px;
padding-left:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#9999cc;
}
#barre_haut
{
position:absolute;
width:680px;
top:19px;
bottom:5px;
padding-left:40px;
height: 30px;
}
#barre_bas
{
position:absolute;
height:30px;
width:680px;
top:9px;
left:0px;
padding-left:40px;
}
#option_hautpage
{
position:absolute;
width:266px;
height: 15px;
right:0px;
top:11px;
padding-right:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#9999cc;
}
#option_footer
{
position:absolute;
width:266px;
height: 15px;
right:248px;
top:1px;
padding-right:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#9999cc;
}
/*Fin de l'attribution des balises pour les options*/
/*Début de l'attribution des balises pour la zone_menu*/
#menu_01
{
position:absolute;
width:195px;
height:79px;
top:25px;
left:26.5px;
}
#menu_02
{
position:absolute;
width:195px;
height:79px;
top:115px;
left:26.5px;
}
#menu_03
{
position:absolute;
width:195px;
height:79px;
top:205px;
left:26.5px;
}
#menu_04
{
position:absolute;
width:195px;
height:79px;
top:304px;
left:26.5px;
}
#menu_05
{
position:absolute;
width:195px;
height:79px;
top:373px;
left:26.5px;
}
#menu_06
{
position:absolute;
width:195px;
height:79px;
top:423px;
left:26.5px;
}
/*Fin de l'attribution des balises pour la zone_menu*/
/*Début de l'attribution des balises pour le footer (pied de page)*/
#footer
{
position:absolute;
width:1008px;
height:110px;
top:794px;
left:0px;
background-image: url(images/image_footer.jpg);
}
#footer_adresse
{
position:absolute;
width:317px;
height:55px;
top:24px;
left:0px;
padding-left:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#707070;
}
#footer_credits
{
position:absolute;
width:239px;
height:55px;
top:24px;
right:248px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding-right:40px;
color:#707070;
}
*/
Répondre avec citation
Partager