28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

j'espèrai ne jamais avoir à faire ceci, mais là, je sens bien que je n'ai pas le choix :
Comment faire pour que mon "footer" s'affiche correctement selon le navigateur choisi. Voici les captures d'écran des 3 navigateurs, chacun étant différent (Safari no problem, sous FF le footer est au-dessus au milieu et sous IE, le footer est en-dessous au milieu) Cré non dé diou, ça m'nrv !

Merci à vous ! upload/8791-captureSafa.gif upload/8791-captureFF.gif upload/8791-captureIE.gif
Salut,

Comment faire, déja nous donner une page en ligne, ou au minimum ton code html ET css, pour qu'il soit possible de t'aider à corriger celà. Sinon j'ai bien peur que ta question reste sans réponse. Smiley cligne
Ok, voici les codes de ma page :

le code html :

<body>
<?php include('header.inc.php'); ?>
<div id="global">
<?php include('menugauche.inc.php'); ?>
<?php include('menudroite.inc.php'); ?>
 <div id="page_principale"> 
<p>Bienvenue sur le nouveau site 
</p>  </div>
<?php include('footer.inc.php'); ?>
</div>
</body>
</html>


et le code css :

#global{
	position:relative;
     margin-left: auto;
     margin-right: auto;
     width: 775px;
	 background:#F5FBFC url(/test2/img/bg-global.gif) repeat-y;
}
#menu_gauche{
	float:left;
	position:relative;
	width: 137px;
	height:395px;
}
#menu_droite{
	float:right;
	position:relative;
	height:375px;
	width: 137px;
}body {
     margin: 0px;
     text-align: center;
	 background:#068EB4;
}

#header{
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width:775px;
	height:125px;
	background:#024D63 url(/test2/img/image-header.gif);
	font-family: "trebuchet ms", sans-serif;
	font-size:x-small;
	font-weight: normal;
	text-align:right;
	color: #FFFFFF;
}
#footer{
	position:relative;
	width: 775px;
	height:80px;
	clear:both;
	background:#024D63 url(/test2/img/image-footer.gif);
}


Merci !