28173 sujets

CSS et mise en forme, CSS3

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 Smiley lol

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 !! Smiley cligne
Modifié par wrecked (12 Apr 2007 - 10:23)