[RESOLU]Bug d'affichage galerie sous firefox

Bug d'affichage galerie sous firefox [RESOLU] - HTML/CSS - Programmation

Marsh Posté le 25-02-2008 à 04:54:07    

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é :lol:  
 
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">&nbsp;Projects&nbsp;</a></li>
   <li><a href="#">&nbsp;Gallery&nbsp;</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">&nbsp;Company&nbsp;</a></li>
   <li><a href="contact.html">&nbsp;Contact&nbsp;</a></li>
   <li><a href="login.html">&nbsp;Login&nbsp;</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...  :jap:


Message édité par angelus34 le 01-03-2008 à 05:59:10
Reply

Marsh Posté le 25-02-2008 à 04:54:07   

Reply

Marsh Posté le 25-02-2008 à 20:10:06    

Personne ne peut m'aider ? :s :??:


Message édité par angelus34 le 25-02-2008 à 20:10:23
Reply

Marsh Posté le 26-02-2008 à 18:05:22    

S'il vous manque certaines infos pour me venir en aide hesitez pas a me le dire.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed