Bonjour a tous,
J'ai un petit probleme d'affichage sous firefox:
Comme vous le voyez sur cette page www.hazegraphics.net/_en/pictures.html, ma galerie est tronquée et je sais pas trop d'ou ca peut venir.
Le truc c'est que je débute en programmation web, du coup j'ai du faire quelques bourdes au niveau du css mais j'avoue etre completement paumé 
Voila le css en question:
----------------------------------------------------------------------------------------------------------------
body { font: 13px myriad, arial;
width: 1024px;
text-transform: uppercase;
background: #161616;
margin-top: 20px;
margin-bottom: 0;
border: 0;
margin-left: auto;
margin-right: auto;
background-repeat: no-repeat;}
a img { border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
border-width: 2px;
border-color: #313131;}
strong { font-size: 12px;}
#home { height: 400px;
background-image: url("src/main.gif" );
background-repeat: no-repeat;
overflow: hidden;
color: white;
font-size: 10px;}
#projects { height: 400px;
background-image: url("src/projects.gif" );
background-repeat: no-repeat;
overflow: hidden;
color: white;
font-size: 10px;}
#videos_gallery { width: 1024px;
height: 400px;
background-image: url("src/galleryvids.gif" );
background-repeat: no-repeat;
overflow: hidden;
color: white;
font-size: 10px;}
#pictures_gallery { height: 400px;
background-image: url("src/gallerypics.gif" );
background-repeat: no-repeat;
overflow: hidden;
color: white;
font-size: 10px;}
#gallery_flash { position: relative;
margin-left: 197px;}
.img { float: left;
margin-top: 25px;}
.video_thumb { clear: both;
position: relative;
left: 210px;}
.pics_thumb { clear: both;
position: relative;
left: 210px;}
.txt_thumb { margin-left: 345px;
position: relative;
top: 40px;}
.nb_pages { position: fixed;
top: 590px;
left: 48%;}
.nb_pages a:link,
.nb_pages a:visited { text-decoration: none;
color: rgb(200,50,0);
font-weight: bold;
border-right: 2px solid #313131;
text-align: center;}
.nb_pages a:hover { color: white;}
#header { height: 200px;
background-image: url("src/interface_menu.gif" );
background-repeat: no-repeat;}
#menuDeroulant { list-style-type: none;
margin: 0;
padding-left: 570px;
padding-top: 147px;}
#menuDeroulant li { float: left;}
#menuDeroulant .sousMenu { display: none;
list-style-type: none;
padding: 0;}
#menuDeroulant .sousMenu li { float: none;
font: 11px myriad, arial;
margin: 0;
padding: 0;
border: 0;}
#menuDeroulant li a:link,
#menuDeroulant li a:visited { height: 1%;
color: rgb(200,50,0);
text-align: center;
border-right: 1px solid #fff;
text-decoration: none;}
#menuDeroulant li a:hover { background-color: rgb(45,45,45);}
#menuDeroulant li a:active { background-color: transparent;}
#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited { display: block;
color: #FFF;
border: 0;
text-decoration: none;
background-color: rgb(45,45,45);}
#menuDeroulant .sousMenu li a:hover { background-color: rgb(200,50,0);}
#menuDeroulant .sousMenu li { float: none;
margin: 0;
padding: 0;
border: 0;
border-top: 1px solid transparent;}
#menuDeroulant li:hover > .sousMenu { display: block;}
----------------------------------------------------------------------------------------------------------------
et voila le html de la page pictures:
----------------------------------------------------------------------------------------------------------------
<!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" >
<head>
<title>HAZE GRAPHICS - PICTURES PAGE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="../Haze.css" />
</head>
<body>
<div id="header">
<ul id="menuDeroulant">
<li><a href="projects.html"> Projects </a></li>
<li><a href="#"> Gallery </a>
<ul class="sousMenu">
<li><a href="pictures.html">Pictures</a></li>
<li><a href="videos.html">Videos</a></li>
</ul>
</li>
<li><a href="company.html"> Company </a></li>
<li><a href="contact.html"> Contact </a></li>
<li><a href="login.html"> Login </a></li>
</ul>
</div>
<body scroll="no" bgcolor="#252525">
<div id="pictures_gallery">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="gallery_flash" codebase="http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0" width="827" height="400">
<param name="movie" value="../gallery/images/images.swf?xml_path=../gallery/images/slides.xml">
<param name="quality" value="high">
<param name="bgcolor" value="#252525">
<embed name="gallery_flash" src="../gallery/images/images.swf?xml_path=../gallery/images/slides.xml" quality="high" bgcolor="#252525"
width="827" height="400"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</embed>
</object>
</div>
</body>
</html>
----------------------------------------------------------------------------------------------------------------
Si quelqu'un pouvait m'éclairer ce serait vraiment cool... 
Message édité par angelus34 le 01-03-2008 à 05:59:10
