Probleme fonctionnel dans un site html/css

Résolu/Fermé
Termiton Messages postés 290 Date d'inscription dimanche 21 octobre 2007 Statut Membre Dernière intervention 7 février 2014 - 27 févr. 2009 à 18:35
Termiton Messages postés 290 Date d'inscription dimanche 21 octobre 2007 Statut Membre Dernière intervention 7 février 2014 - 28 févr. 2009 à 03:33
Bonjour,

j'ai un petit soucis à régler dans mon site (je suis plus ou moins débutant)

j'ai fait une page toute banale qui fonctionne à merveille sous ie et opéra mais pas sous firefox et safari
j'aimerais comprendre où est le problème.

Voici approximativement le code :

!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="description" content="xxxxxxxxxxxxxxxxxxxxxxx">
<meta name="keywords" content="xxxxxxxxxxxxxxxxxxxxxxx">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>monsite</title>
<style type="text/css">
body {
	text-align:center;
	background-color:White;
}
a{
	text-decoration:none;
}
.conteneur_principal {
	margin-top:3%;
	margin-right:auto;
	margin-left:auto;
	background-image:url(img/bg_accueil.jpg);
	text-align:left;
	width:500px;
	height:500px;
}
.zone_de_texte1 {
	z-index:98;
	position:absolute;
	margin-top:30px;
	margin-left:50px;
	color:#FF6600;
	font-size:18px;
	font-family:verdana;
}
.zone_de_texte2 {
	z-index:99;
	position:absolute;
	margin-top:60px;
	margin-left:70px;
	font-family:verdana;
	font-size:15px;
	line-height:350%;
	color:#FF9900;
}

.zone_de_texte3 {
	z-index:30;
	position:absolute;
	padding-top:100px;
	padding-left:80px;
	font-family:verdana;
	font-size:12px;
	color:#66CCFF;
}
.zone_de_texte3 a{
	color:#66CCFF;
}
.zone_de_texte3 a:hover{
	color:#FFCCFF;
}

.zone_de_texte4 {
	z-index:30;
	position:absolute;
	padding-top:0px;
	padding-left:435px;
}
.zone_de_texte5 {
	z-index:30;
	position:absolute;
	margin-top:180px;
	margin-left:70px;
	font-family:verdana;
	font-size:15px;
	line-height:350%;
	color:#FF9900;
	}
	
.zone_de_texte6 {
	z-index:30;
	position:absolute;
	padding-top:220px;
	padding-left:80px;
	font-family:verdana;
	font-size:12px;
	color:#66CCFF;
}
.zone_de_texte6 a{
	color:#66CCFF;
}
.zone_de_texte6 a:hover{
	color:#FFCCFF;
}

.zone_de_texte7 {
	z-index:30;
	position:absolute;
	padding-top:430px;
	padding-left:350px;
	font-family:verdana;
	font-size:12px;
	color:#3399CC;
}
.zone_de_texte7 a{
	color:#66CC00;
}
.zone_de_texte7 a:hover{
	color:#CC66FF;
}
</style>

</head>

<body>


<div class="conteneur_principal" align="center">


	<div class="zone_de_texte1">
		<b>ACTIVITES</b>
	</div>


	<div class="zone_de_texte2">
		<b>act1</b>
	</div>

	
	<div class="zone_de_texte3">
		<a href="http://index.html" target="_blank">Lien</a><br />
		<a href="about:blank" target="_blank">*En cours</a>
	</div>


	<div class="zone_de_texte4">
	  				<!--Dewplayer-->
	  	<object type="application/x-shockwave-flash" data="player/dewplayer.swf?mp3=mp3/sd_accueil.mp3&amp;autostart=1&amp;autoreplay=0&amp;showtime=1&amp;volume=60" width="60" height="20">
	  		<param name="wmode" value="transparent" />
	  		<param name="movie" value="player/dewplayer.swf?mp3=mp3/sd_accueil.mp3&amp;autostart=1&amp;autoreplay=0&amp;showtime=1&amp;volume=60" />
	  	</object>
	  				<!--Fin Dewplayer-->	
	</div>

	
	<div class="zone_de_texte5">
		<b>act2</b>
	</div>
	
	<div class="zone_de_texte6">
		<a href="http://...." target="_blank">Lien</a>
		
	</div>
	
	<div class="zone_de_texte7">
		<b>Un renseignement,<br /> un commentaire?</b><br />
		<a href="mailto:mail@fai.fr">mail</a>
		
	</div>

</div>


</body>
</html>


Merci de votre aide!
A voir également:

1 réponse

Termiton Messages postés 290 Date d'inscription dimanche 21 octobre 2007 Statut Membre Dernière intervention 7 février 2014 64
28 févr. 2009 à 03:33
j'ai trouvé tout seul comme un grand que mes calques étaient dans un ordre pourri ^^
Merci de votre non aide, j'aime bien trouver par moi même !
0