problème de positionnement entre IE et FireFox ...

problème de positionnement entre IE et FireFox ... - HTML/CSS - Programmation

Marsh Posté le 15-07-2009 à 20:15:27    

Bonjour,
 
Je crée un petit site disponible sur http://www.nutrition-globale.be.
 
Vous aurez vite remarqué que l'affichage est totalement différent sur FireFox que sur Internet Explorer.
 
Voici mon code, si qqun sait m'aider ...
 
Html
 

Code :
  1. <body>
  2.  
  3.     <div id="menu">
  4.       <ul>
  5.       <?php
  6.       $sql2 = mysql_query("SELECT id, titre, alt FROM content ORDER BY titre ASC" );
  7.       while ($row2 = mysql_fetch_array($sql2, MYSQL_NUM))
  8.       {
  9.       echo '<li><a href="index.php?rub=1&id='.$row2[0].'" alt="'.$row2[2].'">'.$row2[1].'</a></li>';
  10.       }
  11.       ?>
  12.       </ul>
  13.     </div>
  14.    
  15.     <div id="container">
  16.       <div id="header">
  17.         <img src="img/banner.jpg" alt="" width="800" />
  18.       </div>
  19.       <div id="links">
  20.       <a href="index.php?rub=1&id=1">Accueil</a> | <a href="index.php?rub=2">Produits</a> | <a href="index.php?rub=4">Votre panier</a>
  21.       </div>
  22.       <div id="content">
  23.         <?php require $page; ?>
  24.       </div>
  25.       <div id="footer">
  26.       Philippe Berdoux - <a href="mailto:p.berdoux@skynet.be">p.berdoux@skynet.be</a> - 0495/84.29.10
  27.       </div>
  28.     </div>
  29.   </body>


 
CSS (les grandes lignes)
 

Code :
  1. #menu {
  2.   width: 160px;
  3.   margin: 140px 15px 0 15px;
  4.   padding: 8px;
  5.   float: left;
  6. }
  7. #container {
  8.   width: 800px;
  9.   text-align: left;
  10.   height: 100px;
  11.   margin-top: 15px;
  12. }
  13. #header {
  14.   height: 100px;
  15. }
  16. #content {
  17.   clear: both;
  18.   padding: 10px;
  19.   background-image: url('../img/bgcontent.jpg');
  20.   background-repeat: no-repeat;
  21. }
  22. #footer {
  23. margin: 0 auto;
  24.   height: 20px;
  25.   line-height: 20px;
  26.   text-align: center;
  27.   color: #949494;
  28.   font-size: 11px;
  29.   padding: 10px;
  30.   clear: both;
  31. }


 
 
D'avance merci car je ne comprends pas l'erreur ...

Reply

Marsh Posté le 15-07-2009 à 20:15:27   

Reply

Marsh Posté le 15-07-2009 à 20:43:49    

Dans #container, mets float:left à la place de text-align:left

Reply

Marsh Posté le 15-07-2009 à 20:53:39    

Haaaaaa nickel !!! Un tout grand merci David Boring ;) Tout est ok ! Merciii

Reply

Sujets relatifs:

Leave a Replay

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