pb d'affichage firefox/IE

pb d'affichage firefox/IE - HTML/CSS - Programmation

Marsh Posté le 13-02-2012 à 21:16:25    

Bonjour à tous,
 
voila j'ai problème d'affichage de mon site web. quand je le regarde avec firefox cela affiche correctement ( http://cjoint.com/?BBnvisJ5Tmj) mais pas avec IE ( http://cjoint.com/?BBnvi75JWDv)
 
en ce qui concerne les codes utilisés, les voici
 
html:
 

Code :
  1. <!DOCTYPE html>
  2. <html>
  4. <head>
  5. <meta chartset="utf-8"/>
  6. <meta name="Keywords" content="restaurant", "soulac", "soulac sur mer", "soulac / mer", "gastronomie", "La villa soulacaise" />
  7. <link rel="stylesheet" href="style.css"/>
  8. <title> nomdurestaurant - Restaurant - Gastronomie - Soulac / Mer </title>
  10. <script type="text/javascript" src="jquery-1.js"></script>
  11. <script type="text/javascript" src="jquery.js"></script>
  13. <script>
  14.   $(function() {
  15.     $('#slideshow').crossSlide({
  16.       sleep: 2,
  17.       fade: 1
  18.     }, [
  19.       { src: "Acceuil-03.jpg"},
  20.       { src: "Acceuil-04.jpg"}
  21.     ])
  22.   });
  24. </script>
  26. <meta property="og:title" content="La Villa Soulacaise" />
  27. <meta property="og:type" content="restaurant" />
  28. <meta property="og:url" content="http://www.facebook.com/profile.php?id=100003490179126" />
  29. <meta property="og:image" content="" />
  30. <meta property="og:site_name" content="" />
  31. <meta property="fb:admins" content="1158279486" />
  35. </head>
  37. <body>
  38. <div id="fb-root"></div>
  39. <script>(function(d, s, id) {
  40.   var js, fjs = d.getElementsByTagName(s)[0];
  41.   if (d.getElementById(id)) return;
  42.   js = d.createElement(s); js.id = id;
  43.   js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1";
  44.   fjs.parentNode.insertBefore(js, fjs);
  45. }(document, 'script', 'facebook-jssdk'));</script>
  48. <div class="content">
  50. <div class="header">
  51. <p>
  52. <img src="EnTete.jpg" class="img3" />
  53. </p>
  54. </div>
  56. <div id="information2plus">
  58. <div id="navigateur2">
  59. <ul>
  60. <li id="acceuil2"><a href="acceuil.html">ACCEUIL</a></li>
  61. <li id="carte2"><a href="Carte.html">LA CARTE</a></li>
  62. <li id="info2"><a href="Infos.html">INFOS</a></li>
  63. <li class="clear"></li>       
  64. </ul>
  65. </div><!-- end #navigateur2 -->
  68. <div id="information2">
  70. <div id="slideshow"></div>
  71. <div class="clear"></div>
  74.    
  75. <div id="content-home">
  76.    
  77. <div id="colonne-1">
  78. <h3>Un chef inspiré</h3>
  79. <p>Quinze ans d'expérience professionnelle et une excellente maîtrise de son métier, Jérome Barbié vous invite à découvrir sa cuisine.</p>
  80. </div>
  81.    
  82. <div id="colonne-2">
  83. <h3>Une bonne adresse</h3>
  84. <p>Dans le centre ville, à deux pas de la plage, offrez-vous une pause gourmande à La Villa Soulacaise.</p>
  85. </div>
  86.      
  87. <div id="colonne-3">
  88. <h3>Une cuisine créative</h3>
  89. <p>Une cuisine de marché vivante et savoureuse, changeant au fil des saisons et de l'inspiration du chef.</p>
  90. </div>
  91.    
  92. <div class="clear"></div>
  93.      
  94. </div> <!-- end #content-home -->
  95. </div><!-- end #information2 -->
  96. </div><!-- end #information2plus -->
  98. <div id="footer">
  99. <div id="footer_text">
  100. <p>Restaurant La Villa Soulacaise - N°Siret: 538 194 044 00011 </br>- 5 rue Brémontier 33780 Soulac Sur Mer - 05 56 09 96 50 </p>
  101. </div>
  102. <div id="footer_facebook">
  103. <a href="http://www.facebook.com/profile.php?id=100003490179126"><img src="facebook.jpg" height="50" width="150"></a>
  104. </div>
  105. </div>
  108. </body>
  109. </html>


 
et le css
 

Code :
  1. p{text-align:center;font-size:1.6em;color:rgb(168,60,27);}
  3. li{list-style:none;}
  4. ul{padding:0;}
  5. .body{background-color:rgb(168,60,27);}
  6. .content {height:1500px;;width:2350px;background-color:rgb(168,60,27);}
  7. #navigateur2{margin-top:10px;margin-bottom:10px;width:450px;height:50px;margin-left: auto;margin-right: auto;}
  9. #header{width:900px;height:250px;margin-left:auto;margin-right:auto;border:1px purple solid}
  11. #acceuil2,#carte2,#info2{width:120px;float:left;border:1px black solid;height:30px;padding:10px 10px;text-align:center;vertical-align:center;}
  12. .clear{clear:both;}
  14. #content-home {margin:0 5px;}
  15. #colonne-1,#colonne-2,#colonne-3{width:31.5%;float:left;text-align:center;height:200px;padding:10px 10px;}
  16. #colonne-1 p,#colonne-2 p,#colonne-3 p{text-align:center;}
  18. #acceuil2{background-color:rgb(168,60,27);color:rgb(43,95,0);font-size:1.4em;font-weight: bold;}
  19. #carte2,#info2{background-color:white;color:rgb(43,95,0);font-size:1.4em;font-weight: bold;}
  21. a{color:rgb(43,95,0);font-weight: bold;}
  22. a:hover{background-color:white;color:black;font-weight: bold;}
  24. #colonne-1,#colonne-2,#colonne-3{background-color:white;}
  26. #slideshow{width:1000px!important;height:300px!important;margin:5px auto;}
  28. h3{color:rgb(43,95,0);margin-top:0px;font-weight: bold;text-decoration:underline;font-size:2em;}
  30. #information2plus {width:1300px;height:650px;border:5px rgb(43,95,0) solid;margin-right:auto;margin-left:auto;background-color:white;}
  31. #information2  {width:1200px;height:550px;border:5px rgb(43,95,0) solid;margin-right:auto;margin-left:auto;background-color:white;}
  34. .img3{width:1300px;height:400px;margin-top:10px;margin-right:auto;margin-left:auto;}
  36. #footer{padding:5px;width:1300px;height:100px;border:5px rgb(43,95,0) solid;margin-right:auto;margin-left:auto;margin-top:25px;background-color:white;}
  37. #footer_text  {margin-left:200px;margin-right:50px;}
  38. #footer_facebook {margin-left:50px;position:relative;bottom:80px;}


 
Q1) avez vous une explication et surtout une solution à ce problème ?
 
Q2 bonus) est ce qu'il existe une solution pour ajuster le site à la taille de l'écran de l'internaute ?  
 
merci pour votre aide

Reply

Marsh Posté le 13-02-2012 à 21:16:25   

Reply

Marsh Posté le 16-02-2012 à 14:47:59    

quelqu'un sait il ce qui se passe ? pourquoi IE me fait ce décalage et ne respecte pas la mise en forme ?
 
s'il vous manque des infos, posez moi la question et j'essaierais d'y répondre.
 
merci

Reply

Marsh Posté le 17-02-2012 à 07:41:39    

tu veux pas metttre ta page en ligne histoire qu'on t'aide plus facilement ?


---------------
Blablaté par Harko
Reply

Marsh Posté le 17-02-2012 à 08:10:07    

du coup il me vient une autre question.
 
ce site est un site de restaurant qui on l'espere sera consulté. au total mes fichiers ont une taille de 500Ko. il faut qu'on est la possibilité de le mettre à jour (4fois par an)
 
que me conseillez vous comme hébergeur et comme options ?
je le mettrais ensuite en ligne

Reply

Marsh Posté le 17-02-2012 à 17:36:26    

Déjà quelle est la résolution du site ? car je vois des divs avec des largeurs de 1300px, un site c'est 980px histoire de coller à toutes les résolutions d'écran.
Tu héberges le site sur 1and1 tu as des prix de l'ordre de 5 euros par mois avec le .com intégré.


---------------
Blablaté par Harko
Reply

Marsh Posté le 17-02-2012 à 19:40:04    

non effectivement je vais revoir les largeurs et les proportions pour que mon max soit 980px. ca peut peut etre expliquer mes problemes de zoom.
 
concernant l'hebergeur 1&1 je serais partant pour le pack essentiel mais il fait référence à de la programmation en PHP, PHPDev, Zend Framework alros que moi je suis en html et css
donc, ca sent la question conne mais je préfére en etre sur, cela va pas me poser de problème?

Reply

Marsh Posté le 17-02-2012 à 21:55:05    

non, le PHP c'est juste un langage serveur. Mais ton site en HTML/CSS marchera nickel dessus.


---------------
Blablaté par Harko
Reply

Sujets relatifs:

Leave a Replay

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