Prob d'affichage site sous IE7 (OK avec Firefox, Opera...)

Prob d'affichage site sous IE7 (OK avec Firefox, Opera...) - HTML/CSS - Programmation

Marsh Posté le 13-09-2007 à 17:46:14    

Bonjour à tous,
 
Il ne m'arrive pas souvent de poster dans cette section du forum, mais là, j'ai une colle.
J'ai fait un site (http://dumble.geekerie.org) qui a un gros problème d'affichage avec IE7 (inutile de tenter avec IE6, la feuille de style adaptée pour cette version est pour le moment laide et n'a rien à voir avec la version qui me pose problème actuellement).
 
Aperçu avec Firefox, Aperçu avec Opera, Aperçu avec Safari, Aperçu avec IE7
 
La page est découpée en 3 blocs dont 2 restent constamment affichés quand on scrolle : des pseudo frames en CSS. Ces pseudo frames fonctionnent parfaitement, cependant, comme vous pouvez le voir, avec IE7, la frame correspondant au menu, à gauche se superpose avec celle contenant le contenu. Je ne sais pas comment la placer comme il faut, ma feuille de style est correcte (validée et tout et tout) et l'affichage est correct avec tous les autres navigateurs avec lesquels j'ai pu tester.
 
Au niveau de l'organisation, les différentes balises div sont organisées comme suit (le code rendu par PHP n'est pas des plus évident à lire) :

Code :
  1. <html>
  2.   <body>
  3.     <div id='titre'>Le gros titre vert en haut</div>
  4.     <div id='partie_centrale'>                <!-- Contient le menu et le contenu -->
  5.       <div id='menu'>
  6.            <!-- Menu affiché en bleu -->
  7.       </div>
  8.        <div id='corps'>
  9.            <!-- Le contenu du site -->
  10.        </div>
  11.   </body>
  12. </html>


 
Le code CSS associé à ces différentes parties est le suivant ( j'ai enlevé les trucs uniquement dédiés aux images et à la couleur):
 

Code :
  1. body{
  2.   margin-top:0%;
  3.   padding:0%;
  4.   height:100%;
  5.   margin-left:auto;
  6.   margin-right:auto;
  7. }
  8. /** "Frames" **/
  9. #partie_centrale{
  10.   width:1000px;
  11.   max-width:1000px;
  12.   margin-left:auto;
  13.   margin-right:auto;
  14. }
  15. #menu{
  16.   z-index:0;
  17.   padding-top:50px;
  18.   position:fixed;
  19.   padding-bottom:10px;
  20.   float:left;
  21.   width:200px;
  22.   min-height:100%;
  23.   height:100%;
  24. }
  25. #corps{
  26.   padding-top:50px;
  27.   margin-left:210px;
  28.   margin-right:1em;
  29. }
  30. #titre{
  31.   z-index:1;
  32.   padding-top:8px;
  33.   padding-bottom:12px;
  34.   height:50px;
  35.   min-height:50px;
  36.   position:fixed;
  37.   width:100%;
  38.   display:block;
  39.   left:0px;
  40. }


 
Si quelqu'un peut m'expliquer d'où vient mon problème, je lui en serais très reconnaissant. Merci d'avance.


Message édité par Dumbledore le 13-09-2007 à 17:58:09
Reply

Marsh Posté le 13-09-2007 à 17:46:14   

Reply

Marsh Posté le 14-09-2007 à 21:33:27    

Pas de DTD, donc ton navigateur fonctionne en mode dégradé, d'où les décalages.
Et pourquoi faire 36 feuilles de style ?

Reply

Sujets relatifs:

Leave a Replay

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