Bonjour,

je viens a vous car depuis une semaine maintenant je cherche a mettre un background a mon footer...sous IE c'est bon mais pas avec mozilla???? la je seche un peu... Smiley confus

si vous voyez l'erreur dans mon code n'hesiter pas... Smiley cligne


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
				<title>ASEI</title>
		<meta http-equiv="Content-Type" content="text/html; charset=" />
		<meta http-equiv="Content-Style-Type" content="text/css" />
		<meta http-equiv="Content-Language" content="fr" />

		<style type="text/css">
		body
		{
					
			margin:0%;			
			padding-top:1% ;
			padding-bottom:1% ;
			font: 0.8em "Arial Narrow";
			background:#000000;
			z-index: 5;
			
		}
				
		div#conteneur
		{
			width:770PX ;
			margin:0 auto 0 auto;
			background: #ffffff;
			z-index: 6;
			
		}
		
		h1#header
		{
			height:65PX;
			margin:0% ;
			padding-top:0.9%;
			padding-left:0.9%;
			background:url(images/bgheader.png) no-repeat;
			font-size: 1EM;
		}
		div#LIGNE1
		{   
 			MARGIN: 0% ;
			line-height: 2PX ;			
			background: #F0037F;
			text-align: right;
			font-size: 1px;
			}			
			div#lignemenu
			{
			
			MARGIN: 0% ;
			WIDTH: 100%;
			height: 42PX ;
			margin-top: 5px;			
			background:url(bgmenu2lignesmenu.png);
			text-align: center;
			z-index:19;
			}
			div#menu
			{

left: 1%;
z-index:100;
width: 100%;
align:absmiddle;
margin-top: 2px;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dl {
float: LEFT;
width: 12%;
margin-RIGHT:0.4%;
align: absmiddle;

}
#menu dt {
cursor: pointer;
text-align: absmiddle;
font-weight: BOLD;
border: px solid black;
border-right:px solid black;
font-size: O.8EM;
text-color: #F0037F;
font: 1em "Arial Narrow";
}
#menu dd {
border: 2px solid #F0037F;

position: absolute;
text-align: CENTER;
font-size: 0.8EM;
}
#menu li {
text-align: CENTER;

background: #FFFFFF;
}
#menu li a,  {
color: black;
text-decoration: none;
display: block;
height: 100%;
border: 0px solid black;
}
#menu dt a	{
color: black;
text-decoration: none;
display: block;
height: 100%;
border: px solid black;
}
#menu li a:hover {
background: #DB0066;
COLOR : #FFFFFF;
}
#menu dt a:hover  {
background:;
COLOR : #DB0066;
}

a {text-decoration: NONE;
color: RED;
color: #222;
}	

		div#LIGNE2
		{
			line-height: 2PX ;		
			background: #F0037F;
			text-align: right;
			font-size: 1px;
			z-index:1;
			}	
			
			

		 div#frame
		 {		 
		 LEFT: %;
		 position:;
		 padding-top:1%;		 
		 display:BLOCK;
		 text-align:left;
		 height:450PX;
		 background:#ffffff;
		 overflow: AUTO; /* cette propriété va permettre le scroll de ce bloc */
		 font: 1em "Arial Narrow";
		 z-index:2;
		 
/* la couleur principale (face) */
scrollbar-face-color:#ffffff;
/* la couleur des fleches */
scrollbar-arrow-color:#F0037F;
/* la couleur de fond (entre le curseur et la fleche) */
scrollbar-track-color:#FFFFFF;
/* la couleur claire (haut+gauche) */
scrollbar-highlight-color:#AE6197;
/* la couleur claire 2 (haut+gauche) */
scrollbar-3dlight-color:#FFFFFF;
/* la couleur foncee (bas+droite) */
scrollbar-shadow-color:#FFFFFF;
/* la couleur foncee 2 (bas+droite) */
scrollbar-darkshadow-color:#000000;
}

		 }
		 
	    		
		div#footer
		{
		
			
		 	margin:0 auto 0 auto;
			padding-top: px;
			padding-left:px;
			height: 20PX ;
			text-align: center;
			color: black;	
			background-image:url(bgmenu2lignesmenu.png);	
			font: 1em "Arial Narrow";
			
			
		}
		
		#footer a:link {
	color: black; }	
	
	#footer a:visited {
	color: black; }	
	
	#footer a:hover  {
background:;
COLOR : #DB0066;	   }


		
		
		a:link {
	color: #AE6197;
}
a:visited {
	color: #AE6197;
}
a:hover {
	color: #C9E60C;
}
a:active {
	color: #C9E60C;
}
#menu dl {
}
        </style>
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}
//-->

    </script>	
		
	
			

		
		
	</head>
	
	<body bgcolor="#E8EDED" text="black">
	<div id="conteneur">		
    <h1 id="header" align="left"><img src="images/logo asei seul.png" width="205" height="48" border="0"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/suite logo.png" width="173" height="39" border="0"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h1>
	<div id="LIGNE1">o</div>
	<div id="lignemenu">
	<div id="menu">
	
	<dl>	
		<dt onmouseover="javascript:montre('smenu1');" " onmouseout="javascript:montre('');"><a onmouseover="javascript:montre('smenu1');">
		<span style="word-spacing:0.2em; letter-spacing:0.1em;"><a href="#">La Société</span></a></dt>
			<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
				<ul>
					<li><a href="index.php?page=historiques">Historique</a></li>
					<li><a href="index.php?page=coordonnees">Coordonnées</a></li>
					<li><a href="#">Nos Partenaires</a></li>
					<li><a href="index.php?page=formulaire">&nbsp;&nbsp;&nbsp;Un renseignement ?&nbsp;&nbsp;&nbsp;</a></li>
					
				</ul>
			</dd>
	</dl>
	
	<dl>	
		<dt onmouseover="javascript:montre('smenu2');" " onmouseout="javascript:montre('');"><a onmouseover="javascript:montre('smenu2');">
		<span style="word-spacing:0.2em; letter-spacing:0.1em;"><a href="index.php?page=tous nos services">Nos servives</a></span></a></dt>
		
			<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
				<ul>
					<li><a href="index.php?page=tous nos services">&nbsp;&nbsp;&nbsp;Tous Nos Services&nbsp;&nbsp;&nbsp;</a></li>
					
				</ul>
			</dd>
	</dl>
	
	
	
	<dl>	
		<dt onmouseover="javascript:montre('smenu3');" " onmouseout="javascript:montre('');"><a onmouseover="javascript:montre('smenu3');">
		<span style="word-spacing:0.2em; letter-spacing:0.1em;"><a href="index.php?page=prestastandard">Standard à Distance</a></span></a></dt>
		
			<dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre('');">
				<ul>
					<li><a href="index.php?page=prestastandard">Nos prestations</a></li>
					<li><a href="index.php?page=services">Tarifs</a></li>
					<li><a href="#">&nbsp;&nbsp;&nbsp;Pièces à fournires&nbsp;&nbsp;&nbsp;</a></li>
					
				</ul>
			</dd>
	</dl>
	
	
	<dl>	
		<dt onmouseover="javascript:montre('smenu8');" " onmouseout="javascript:montre('');"><a onmouseover="javascript:montre('smenu8');">
		<span style="word-spacing:0.2em;letter-spacing:0.1em;"><a href="index.php?page=prestationdom">Domiciliation Commerciale</a></span></a></dt>
			<dd id="smenu8" onmouseover="javascript:montre('smenu8');" onmouseout="javascript:montre('');">
				<ul>
					<li><a href="index.php?page=prestationdom">Nos prestations</a></li>
					<li><a href="index.php?page=services">Tarifs</a></li>
					<li><a href="#">&nbsp;&nbsp;&nbsp;Pièces à fournires&nbsp;&nbsp;&nbsp;</a></li>
				</ul>
			</dd>
	</dl>
	
	
	<dl>	
		<dt onmouseover="javascript:montre('smenu4');" " onmouseout="javascript:montre('');"><a onmouseover="javascript:montre('smenu4');">
		<span style="word-spacing:0.2em; letter-spacing:0.1em;"><a href="index.php?page=prestasecrétariat">Secrétariat</a></span></a></dt>
		
			<dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre('');">
				<ul>
					<li><a href="index.php?page=prestasecrétariat">Nos prestations</a></li>
					<li><a href="index.php?page=services">Tarifs</a></li>
					<li><a href="#">&nbsp;&nbsp;&nbsp;Nos contrat&nbsp;&nbsp;&nbsp;</a></li>
					<li><a href="#">&nbsp;&nbsp;&nbsp;Pièces à fournires&nbsp;&nbsp;&nbsp;</a></li>
				</ul>
			</dd>
	</dl>
	
	<dl>	
		<dt onmouseover="javascript:montre('smenu5');" " onmouseout="javascript:montre('');"><a onmouseover="javascript:montre('smenu5');">
		<span style="word-spacing:0.2em;letter-spacing:0.1em;"><a href="index.php?page=location">Location salle de réunion</a></span></a></dt>
			<dd id="smenu5" onmouseover="javascript:montre('smenu5');" onmouseout="javascript:montre('');">
				<ul>
					<li><a href="index.php?page=location">Nos prestations</a></li>
					<li><a href="index.php?page=services">Tarifs</a></li>
					<li><a href="#">&nbsp;&nbsp;&nbsp;Pièces à fournires&nbsp;&nbsp;&nbsp;</a></li>
				</ul>
			</dd>
	</dl>
	
	<dl>	
		<dt onmouseover="javascript:montre('smenu6');" " onmouseout="javascript:montre('');"><a onmouseover="javascript:montre('smenu6');">
		<span style="word-spacing:0.2em; letter-spacing:0.1em;"><a href="#">Autres services</a></span></a></dt>
		
			<dd id="smenu6" onmouseover="javascript:montre('smenu6');" onmouseout="javascript:montre('');">
				<ul>
					<li><a href="index.php?page=Vos attentes">Nos prestations</a></li>
					<li><a href="index.php?page=services">Tarifs</a></li>
					<li><a href="#">&nbsp;&nbsp;&nbsp;Pièces à fournires&nbsp;&nbsp;&nbsp;</a></li>
				</ul>
			</dd>
	</dl>
	
	<dl>	
		<dt onmouseover="javascript:montre('smenu7');" " onmouseout="javascript:montre('');"><a onmouseover="javascript:montre('smenu7');">
		<span style="word-spacing:0.2em; letter-spacing:0.1em;"><a href="#">Service en Ligne</a></span></a></dt>
			<dd id="smenu7" onmouseover="javascript:montre('smenu7');" onmouseout="javascript:montre('');">
				<ul>
					<li><a href="index.php?page=masque">&nbsp;&nbsp;Accès clients&nbsp;&nbsp;</a></li>
					<li><a href="index.php?page=formulaire">&nbsp;&nbsp;Simulation&nbsp;&nbsp;</a></li>
				</ul>
			</dd>
	</dl>
	
	</div>
	</div>
		
	<div id="LIGNE2">o</div>
		
	<div id="frame">
<?php 
$pages=array(
   'accueil'=>'accueil',
   'historiques'=>'historiques',
   'coordonnees'=>'coordonnees',
   'tous nos services'=>'tous nos services',
   'prestastandard'=>'prestastandard',
   'envoi'=>'envoi',
   'masque'=>'masque',
   'prestationdom'=>'prestationdom',
   'location'=>'location',
   'prestasecrétariat'=>'prestasecrétariat',
   'formulaire'=>'formulaire'
   
   
   
);
if(isset($_GET['page']) && array_key_exists($_GET['page'],$pages))
   include $pages[$_GET['page']].'.php';
else
   include 'accueil.php';


?>
</div>
		
	  <div id="footer"><a href="index.php?page=accueil"> Accueil&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Information Légales &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="mailto:caquineau.benoit@orange.fr?subject=Site internet ASEI">Contacter le webmaster&nbsp;&nbsp;&nbsp;</a></span></div>
	</div>

	
</body>
</html>
Je suis qu'une débutante, mais moi bisarrement tout va nickel sous firefox.
Moi c'est sous ie que j'ai des problèmes...
Je vais quand même lire ton code même si je suis qu'une noob!
(si tu veux voir mon problème regarde le topic "gros problèmes sous les différentes versions de ie").


<edit>Ah aussi, tu veux pas mettre des captures d'écran de ce que ca doit donner et ce que ca donne ? Ca peut peut-être aider Smiley langue </edit>
Modifié par sk0rp1x (19 Feb 2007 - 14:14)
Merci a vous pour vos réponses....mais pas de solution!!!!
J'ai mis a jour le lien qui pointe vers mon site; vous pourrez alors visualiser directement avec mozilla.
Smiley cligne
Je reste d'autan plus sans réponse puisque le #footer est la meme chose que #ligne1 ou #ligne2...et les background s'affichent pour ces 2 lignes (rose).
La je reste sans voix...lol Smiley murf .
Les règles CSS pour div#footer ne sont pas prises en compte à cause d'une erreur de syntaxe.
		div#frame
		 {		 
		...
}

		 }
	    		
		div#footer
		{
		...
		}

On remarquera qu'il y a deux accolades fermantes avant le sélecteur div#footer. Voilà l'origine du problème.

Au passage : un test de la feuille de style avec un validateur CSS aurait révélé ce défaut. Smiley cligne
Smiley biggrin Merci bcp pour tout!!!!!!!!
c'etait sous mes yeux et je ne voyais rien dutout.....
encore merci pour ton aide
@+++ Smiley cligne Smiley ravi