Titre: Problème alignement
Posté par: sumator le le 12-10-2011 a 10:05: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 ARCHITECTE 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. |
Titre: Re:Problème alignement
Posté par: ddtddt le le 29-10-2011 a 09:02:44
Tu n'impose pas de css à ton objet ?
Pour facilité les réponse je te conseil de mettre un peux de couleur !
genre le code html de la mm couleur que le CSS auquel il se reporte |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|