Bonjour je vous explique le problème,
J'ai dans un div global, 2 div, un pour le header l'autre pour le menu.
Le header est en relative (il contient des éléments en absolute).
J'ai un décalage vertical de 20px environ sous firefox, mais pas sous IE7...
je ne vois pas d'ou vient le problème, je n'ai pas de padding ou autre...
Help me ! c'est pour le taf
ci-joint le CSS:
Merci !!
Modifié par wrecked (12 Apr 2007 - 10:23)
J'ai dans un div global, 2 div, un pour le header l'autre pour le menu.
Le header est en relative (il contient des éléments en absolute).
J'ai un décalage vertical de 20px environ sous firefox, mais pas sous IE7...
je ne vois pas d'ou vient le problème, je n'ai pas de padding ou autre...
Help me ! c'est pour le taf
ci-joint le CSS:
html,body
{
height: 100%;
margin: 0;
padding: 0;
text-align: center;
font-family:verdana;
font-size:10px;
}
#global
{
min-height: 100%;
}
/******************************************* banniere et logo + menu en ss partie *********************/
#header
{
position:relative;
height:125px;
background-image:url(../images/fond_bleu.jpg);
background-repeat:repeat-x;
}
#logo
{
position:absolute;
left:40px;
top:5px;
height:90px;
width:173px;
background-image:url(../images/logo.jpg);
}
#anim
{
position:absolute;
right:30px;
top:20px;
height:70px;
width:468px;
}
#menu
{
height:45px;
background-image:url(../images/fond_gris.jpg);
background-repeat:repeat-x;
}
#posmenu
{
margin-left:auto;
margin-right:auto;
width:500px;
}
.menu
{
list-style-type: none;
float:left;
padding-top:15px;
padding-left:20px;
padding-right:20px;
}
.menu a
{
width:50px;
color:black;
text-decoration:none;
font-family:verdana;
font-size:11px;
font-weight:bold;
}
.menu a:hover
{
text-decoration:none;
color:white;
font-family:verdana;
font-size:11px;
font-weight:bold;
}
Merci !!
Modifié par wrecked (12 Apr 2007 - 10:23)