18067 sujets

Questions générales et questions de débutants

[résolu]Problème couleur de fond sous IE

Bonjour tout le monde,
Mon site marche parfaitement sous firefox mais sous IE il n'y a rien qui apparaît ( a part la couleur de fond !!)
Le site est accessible ici:http://solaire1.free.fr[/url]
Voici mon code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Alter éco - Le solaire en picardie</title>
<LINK REL="SHORTCUT ICON" HREF="file:///C|/Documents and Settings/Propriétaire/Mes documents/essai site web/images/planete.gif">
<META name="verify-v1" content="nFzuOPh/k68qctGT/3oTcySrVRH2JfS7/gV8hUqOG+8=" />
<META name="verify-v1" content="eONmAe03+DnZzxEtmuXEAxxv6adzvh8gihqZrvOk4FM=" />
<meta name="Microsoft Border" content="l, default">


  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <meta name="description" content="Etude,réalisation et entretiens d'installations solaires thermiques et/ou photovoltaïques clés en main. Après-vente et maintenance de systèmes solaires thermiques et/ou photovoltaïques.">
<meta name="keywords" content="chaudière granulé, installateur qualisol, installateur photovoltaique, chaudière à bois déchiqueté, chaudière granulés, Qualisol, Piac sarl,PIAC, Ezinc, installateur chauffe-eau, installateur solaire, installateur chauffe eau, toiture solaire, chauffe-eau solaire, CESI, capteur solaire, piscines solaires, photovoltaiques, SSC, chauffe eau solaire, solaire photovoltaïque, énergie photovoltaïque, panneau solaire, photovoltaique, architecture solaire, panneaux solaires, piscine solaire, solaire passif, chaudieres, energie renouvelable, solaire thermique, chauffe-eau, installation solaire, solaire actif, ensoleillement, pompe à chaleur, maison écologique, produits solaires, récupération eau, énergies renouvelables, chaudiere, ECS, chauffe eau, chauffage solaire, energie solaire, chauffage de piscine, electricite solaire, eure, haute-normandie, eau chaude, seine-maritime, chauffage, oise,somme,picardie,eure, solaire, maison solaire, écologie, picardie, normandie,  energie">
<meta name="robots" content="all">
<meta name="robots" content="index">
<meta name="robots" content="follow">
<meta name="revisit-after" content="4 Weeks">
  
  <script language="JavaScript" type="text/javascript">
//--------------- LOCALIZEABLE GLOBALS ---------------
var d=new Date();
var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
//Ensure correct for language. English is "January 1, 2004"
var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
//---------------   END LOCALIZEABLE   ---------------
</script>
 <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';}
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<style type="text/css">
<!-- 
/* CSS issu des tutoriels  http://css.alsacreations.com  */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
	position: absolute;
	top: 152px;
	
	background:#99cc66;
	height: 260px;
}
dl#menu {
	width: 199px;
	font-size: 12px;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;
height: 30px;
line-height: 30px;
text-align: center;
font-weight: bold;
border: 1px ;
background: #5C743D;
color:#D5EDB3
}
dl#menu dd {
border: 1px solid gray;
}
dl#menu li {
text-align: center;
background: #5c743d;
}

#menu a,dl#menu li a{
color: #d5edb3;
text-decoration: none;
display: block;
border: 0 none;

}


#menu dt:hover,dl#menu dd a:hover, dl#menu li a:hover, dl#menu dt a:hover {
background: #99CC66;
color:#993300
}


body {
	margin: 0;
	padding: 0;
	font: 80% verdana, arial, sans-serif;
	width: 100%;
	height: 100%;
	z-index:0;
	background-color:#5C743D;
	
}

#tagline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	letter-spacing:10px;
	color:#993300;
	margin-top:3px
}
#dateformat {
	color:#993300;
	font-size:12px
}
#Layer1 {
	position:absolute;
	left:215px;
	top:158px;
	width:750px;
	height:423px;
	z-index:1;
	background-color: #EAFAE2;
}
.style5 {
	color: #5C743D;
	font-size: 24px;
}

.frame {
	position:inherit;
	width:750px;
	height:466px;
	z-index:1;
	background-color: #EAFAE2;
	font-family: Arial, Helvetica, sans-serif;
	overflow: auto;
}
.carte {
	position: absolute;
	left: 23px;
	width: 148px;
	height: 164px;
	top: 491px;}
.bas{
	position: absolute;
	left:236px;
	width: 726px;
	height: 40px;
	top: 619px;}

  </style>
</head>
<body>

<table width="970" height="146" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr bgcolor="#D5EDB3">
    <td width="226" rowspan="2" bordercolor="#D5EDB3"><img src="images/logo accueil.jpg" alt="Alter eco" width="214" height="114"></td>
   <td width="744" height="50" align="center" valign="bottom" nowrap="nowrap" bgcolor="#D5EDB3" id="logo"><span class="style5">Alter Eco - L'&eacute;nergie libre</span> </td>
  </tr>
  <tr bgcolor="#D5EDB3">
    <td height="72" align="center" valign="top" bgcolor="#D5EDB3" id="tagline"><p>Etude,installation et entretien </p>
    <p>de syst&egrave;me a &eacute;nergies renouvelables </p>    </td>
  </tr>
  <tr>
    <td height="2" colspan="2"  id="dateformat"></td>
  </tr>
  <tr>
    <td height="20" colspan="2" bgcolor="#99CC66" id="dateformat" bordercolor="#FFFFFF">
<script language=JavaScript><!--
var d = new Date()
var j = d.getDate()
var m = d.getMonth()+1
var y = 00+d.getYear()
if (y < 2000)   
y = y + 1900;
var h = d.getHours()
var mn = d.getMinutes()
var mois,jour;
if (m == 1) mois = " janvier";
else if (m == 2) mois = " février";
else if (m == 3) mois = " mars";
else if (m == 4) mois = " avril";
else if (m == 5) mois = " mai";
else if (m == 6) mois = " juin";
else if (m == 7) mois = " juillet";
else if (m == 8) mois = " août";
else if (m == 9) mois = " septembre";
else if (m == 10) mois = " octobre";
else if (m == 11) mois = " novembre";
else if (m == 12) mois = " décembre";
if (j == 1) jour = "1er"
else jour = j;
document.write("  Nous sommes le " + jour + " " + mois + " " + y +"")
//--></script></td>
  </tr>
 
</table>

  
<table width="970" height="468" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr bgcolor="#5C743D">
  
    
    <td width="220" rowspan="2"  bordercolor="#D5EDB3" bgcolor="#5C743D">
	<dl id="menu">

		<dt onMouseOver="javascript:montre();"><a href="index.php?page=accueil">Accueil</a>  </dt>
		
		<dt onClick="javascript:montre('smenu1');">Qui sommes nous</dt>
			<dd id="smenu1">
				<ul>
					<li><a href="index.php?page=presentation">Pr&eacute;sentation</a></li>
					<li><a href="contact.html">Contact </a></li>
					<li><a href="#">Sous-Menu 2.3</a></li>
				</ul>
			</dd>	

		<dt onClick="javascript:montre('smenu2');">Le solaire thermique</dt>
			<dd id="smenu2">
				<ul>
					<li><a href="#">Le principe du solaire thermique</a></li>
					<li><a href="#">Calcul financier et environnementaux</a></li>
					<li><a href="#">Présentations matériels</a></li>
					<li><a href="#">Sous-Menu 3.1</a></li>
					<li><a href="#">Sous-Menu 3.1</a></li>
					<li><a href="#">Sous-Menu 3.1</a></li>
				</ul>
			</dd>

		<dt onClick="javascript:montre('smenu3');">Le solaire photovoltaïque</dt>
			<dd id="smenu3">
				<ul>
					<li><a href="#">...en construction</a></li>
				</ul>
			</dd>
		
		<dt onClick="javascript:montre('smenu4');">Le bois énergie</dt>
			<dd id="smenu4">
				<ul>
					<li><a href="#">...en construction</a></li>
				</ul>
			</dd>
			<dt onClick="javascript:montre('smenu5');">Nos r&eacute;alisations </dt>
			<dd id="smenu5">
				<ul>
					<li><a href="#">...en construction</a></li>
				</ul>
			</dd>
			<dt onClick="javascript:montre('smenu6');">Nos fournisseurs</dt>
			<dd id="smenu6">
				<ul>
					<li><a href="#">...en construction</a></li>
				</ul>
			</dd>
			<dt onClick="javascript:montre('smenu7');">Liens</dt>
			<dd id="smenu7">
				<ul>
					<li><a href="#">...en construction</a></li>
				</ul>
			</dd>
			
			
</dl>
	</td>
   <td width="750" height="468" align="center" valign="bottom" nowrap="nowrap"  id="logo"><div class="frame">
     <?php 
$pages=array(
   'accueil'=>'accueil',
   'presentation'=>'presentation',
   'suite'=>'suite',
   'fin'=>'fin'
);
if(isset($_GET['page']) && array_key_exists($_GET['page'],$pages))
   include $pages[$_GET['page']].'.php';
else
   include 'accueil.php';
?>
   </div></td>
  </tr>
</table>


<div class="carte">
  <embed src="carte france/france.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="148" height="164"  ></embed>
</div>
<div class="bas">
  <div align="center">Alter eco ,8 rue neuve 60210 CEMPUIS<br>
    T&eacute;l. 03.44.48.44.30  - Email : <a href="mailto:remi.g7@gmail.com"  title="Envoyez-nous un message depuis votre messagerie">remi.g7@gmail.com</a>
    </p>
  </div>
</div>
  <br>
</body>
</html>

Merci pour votre aide[/i][/i]
Modifié par remi.g7 (11 Dec 2006 - 19:21)
Bonjour Remi g7,

Est ce que par hasard le fait d'avoir deux balises fermantes </html> et </head> de trop ne serait pas étranger à ton problème ?


<p>  </p>
<p align="center"></head>
  </p>
  
  </html>
  
   </div></td>
  </tr>
</table>


<div class="carte">
  <embed src="carte france/france.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="148" height="164"  ></embed>
</div>
<div class="bas">
  <div align="center">Alter eco ,8 rue neuve 60210 CEMPUIS<br>
    Tél. 03.44.48.44.30  - Email : <a href="mailto:remi.g7@gmail.com"  title="Envoyez-nous un message depuis votre messagerie">remi.g7@gmail.com</a>
    </p>
  </div>
</div>
  <br>
</body>
</html>


Moralité : Ne jamais faire confiance a ce que te montrent les éditeurs de texte peu scrupuleux et tjs regarder la partie code, jamais la graphique.

Moralité 2 : le copier coller a ses dangers !!!

enlève ces balises de trop et tout ira comme sur des roulettes !

Bonne journée
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Ce doctype est invalide car tronqué.
Merci pour cette réponse,j'ai modifier l'erreur qui était créer par l'include de la feuille accueil.php et était responsable de ces redondance de balise.
Par contre cela n'a rien changer a mon problème de base.
Je suis débutant et cela doit surement être une toute petite erreur mais introuvable pour moi.
Si quelqu'un a une autre idée ???
Je viens de remplacer le doctype mais sans succès a moins que ma feuille requiert un autre doctype ???
Merci pour l'aide mpop.
Bon, ca fait 30 minutes que je cherches ton truc et c'était vraiment tordu pour le voir !!!!!!

voila la solution :


</script>
<style type="text/css">
<!-- 
/* CSS issu des tutoriels  http://css.alsacreations.com  */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}


L'assemblage de caractère <!-- , servant a faire des commentaires, il faut que tu l'enlèves car son opposé n'y est pas , juste avant la fermeture de la balise </style> . Par ailleurs /* sert aussi a faire des commentaires dans la feuille....c'est un peut comme si tu avais un commentaire dans un autre mais que cet autre n'avait pas de fin, et c'est pour ca que ta page n'affiche rien, car toute la suite est dans le commentaire.

Enleve cela et tout devrait rentrer dans l'ordre.....
J'y est passer des heures mais je débute seulement et repéré les erreurs n'est pas une chose facile.
J'ai tout appris sur le site d'alsacréations et le forum ma permis de concrétiser mon site.
Donc un grand merci a alsacrétions et a rosegrenouille qui a trouver le problème !!
Smiley cligne Merci à toi et lache pas , c'est en pelletant qu'on devient pelleteur ( même si on se ramasse dès fois avec la pelle dans la tête Smiley biggol )

@+
Sujet clos
Aller à