Problème alignement entre Safari et Firefo

Sumator -
titidrillot - 12 oct. 2011 à 08:16

Bonjour,

Je suis en train de mettre à jour un site internet en remplacant un diaporama en Html par un diaporama en Flash. Une fois ce remplacement effectué j'ai un problème. Le diaporama Flash doit être aligne avec le titre qui est au dessus et le menu qui est en dessous. Il l'est sur Safari mais ne l'est plus du tout sous Firefox. Avez-vous une idée du problème?

Je vous donne le code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>pierre-alain dupraz architecte ets fas</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
#fond {
	position:absolute;
	visibility:visible;
	width:875px;
	height:550px;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	border:1px none #000000;
	z-index:13;
	margin-top: -275px;
	margin-left: -437.5px;
	left: 50%;
	top: 50%;
}
#pad {
	position:absolute;
	visibility:visible;
	left:0px;
	top:0px;
	width:285px;
	height:20px;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	border:1px none #000000;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
}
a:link {
	color: #999999;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999999;
}
a:hover {
	text-decoration: none;
	color: #666666;
}
a:active {
	text-decoration: none;
	color: #666666;
}
#projet {
	position:absolute;
	visibility:visible;
	left:775px;
	top:530px;
	width:100px;
	height:20px;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	border:1px none #000000;
	z-index:3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
}
#cv {
	position:absolute;
	visibility:visible;
	left:101px;
	top:530px;
	width:auto;
	height:20px;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	border:1px none #000000;
	z-index:6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
}
#publications {
	position:absolute;
	visibility:visible;
	left:454px;
	top:530px;
	width:auto;
	height:20px;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	border:1px none #000000;
	z-index:7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
}
#equipe {
	position:absolute;
	visibility:visible;
	left:721px;
	top:530px;
	width:auto;
	height:20px;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	border:1px none #000000;
	z-index:8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
}
#exposition {
	position:absolute;
	visibility:visible;
	left:638px;
	top:178px;
	width:auto;
	height:auto;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	border:1px none #000000;
	z-index:6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
}
#projets {
	position:absolute;
	visibility:visible;
	left:350px;
	top:529px;
	width:auto;
	height:21px;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	border:1px none #000000;
	z-index:9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
}
#contact {
	position:absolute;
	visibility:visible;
	left:826px;
	top:530px;
	width:50px;
	height:20px;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	border:1px none #000000;
	z-index:10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
}
#actualites {
	position:absolute;
	visibility:visible;
	left:0px;
	top:530px;
	width:auto;
	height:20px;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	border:1px none #000000;
	z-index:11;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
}
#concours {
	position:absolute;
	visibility:visible;
	left:236px;
	top:530px;
	width:auto;
	height:20px;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	border:1px none #000000;
	z-index:13;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
}
#realisations {
	position:absolute;
	visibility:visible;
	left:107px;
	top:530px;
	width:auto;
	height:20px;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	border:1px none #000000;
	z-index:14;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
}
body {
	background-color: #FFFFFF;
}
#menu {
	position:absolute;
	left:0px;
	top:150px;
	width:875px;
	height:40px;
	z-index:4;
}
#image {
	position:absolute;
	width:875px;
	height:410px;
	z-index:15;
	left: 0px;
	top: 50px;
	visibility: visible;
}
#image2 {
	position:absolute;
	width:875px;
	height:410px;
	z-index:16;
	top: 50px;
	left: 0px;
	visibility: hidden;
}
#image3 {
	position:absolute;
	width:875px;
	height:410px;
	z-index:17;
	left: 0px;
	top: 50px;
	visibility: hidden;
}
#image4 {
	position:absolute;
	width:875px;
	height:410px;
	z-index:18;
	left: 0px;
	top: 50px;
	visibility: hidden;
}
#image5 {
	position:absolute;
	width:875px;
	height:410px;
	z-index:19;
	left: 0px;
	top: 50px;
	visibility: visible;
}
#encours {
	position:absolute;
	left:584px;
	top:530px;
	width:auto;
	height:20px;
	z-index:20;
	visibility: visible;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
}
h1 {
	font-size: 9px;
	color: #666666;
}
-->
</style>
</head>

<body>
<div id="fond">
  <div id="pad"><a href="../index.html">PIERRE-ALAIN DUPRAZ&nbsp;&nbsp;&nbsp; ARCHITECTE&nbsp; ETS FAS</a></div>
  <div id="publications"><a href="publications.html">publications</a></div>
  <div id="equipe"><a href="equipe_1.html" class="Style2">équipe</a></div>
  <div id="projets"><a href="projets.html">projets</a></div>
  <div id="contact">
    <div align="right"><a href="contact.html">contact</a></div>
  </div>
  <div id="actualites"><a href="actualites.html">actualités</a></div>
  <div id="concours"><a href="concours.html" class="Style1">concours</a></div>
  <div id="realisations"><a href="realisations.html" class="Style1">réalisations</a></div>
  <div id="encours"><a href="evenement.html">événements</a></div>
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="988" height="410" id="image">
    <param name="movie" value="../photo image_web/Diaporama.swf" />
    <param name="quality" value="high" />
    <embed src="../photo image_web/Diaporama.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="988" height="410"></embed>
  </object>
</body>
</html>

Avez-vous une idée du problème?

Merci d'avance et bonne journée.

Afficher la suite

A voir également:

Problème alignement entre Safari et Firefo
Safari pour windows - Télécharger - Navigateurs
Télécharger safari mac - Télécharger - Navigateurs
Comment mettre google en page d'accueil safari - Guide
Comment mettre safari en français ✓ - Forum MacOS
Alignement tête d'impression canon pixma mg3650 - Forum Imprimante

1 réponse

Réponse 1 / 1

titidrillot

Personne pour m'aider?

Discussions similaires

Safari pour Android

Comment "inspecter l'élément" sur Mac ?

Mettre le menu Inspecter l’élément en bas

inspecter macbook

Heure historique safari iPhone 7

Problème alignement entre Safari et Firefo

1 réponse

Votre réponse

Discussions similaires

Newsletters