Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1765 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  pb d'affichage firefox/IE

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

pb d'affichage firefox/IE

n°2126295
86vomito33
Posté le 13-02-2012 à 21:16:25  profilanswer
 

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

mood
Publicité
Posté le 13-02-2012 à 21:16:25  profilanswer
 

n°2126829
86vomito33
Posté le 16-02-2012 à 14:47:59  profilanswer
 

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

n°2126889
gatsu35
Blablaté par Harko
Posté le 17-02-2012 à 07:41:39  profilanswer
 

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


---------------
Blablaté par Harko
n°2126893
86vomito33
Posté le 17-02-2012 à 08:10:07  profilanswer
 

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

n°2126977
gatsu35
Blablaté par Harko
Posté le 17-02-2012 à 17:36:26  profilanswer
 

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
n°2126983
86vomito33
Posté le 17-02-2012 à 19:40:04  profilanswer
 

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?

n°2126991
gatsu35
Blablaté par Harko
Posté le 17-02-2012 à 21:55:05  profilanswer
 

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


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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  pb d'affichage firefox/IE

 

Sujets relatifs
internet explorer et firefoxXAjax Problème affichage
Problème de lettrine (Internet Explorer vs Firefox)problème affichage css sous différents navigateurs
document.getElementById ne veut pas fonctionner sous IEfonction d'affichage d'un tableau 2 dimensions
javascript FONCTION EVENT SOUS IE ET FIREFOX[Résolu] 2 div dans 1 seul : différence affichage FireFox et IE
affichage ok firefox /chrome mais IE(6-7) pas okProblème d'affichage de tableau : vertical Firefox / Horizontal IE
Plus de sujets relatifs à : pb d'affichage firefox/IE

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.068 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR