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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1611464
Dumbledore
Posté le 13-09-2007 à 17:46:14  profilanswer
 

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
mood
Publicité
Posté le 13-09-2007 à 17:46:14  profilanswer
 

n°1611817
gebruik
Posté le 14-09-2007 à 21:33:27  profilanswer
 

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


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

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

 

Sujets relatifs
Objet Webbrowser + javascript + blocage js local IE7horloge et calendrier sur un site
probleme de favicon et IE7[asp.NET][C#] Site fonctionne en local mais pas a distance
Logiciel pour lister et proposer des vidéos sur son site ?Créer un site semi dynamique avec un fichier csv.
probleme d affichage video en html[ok] Site visible avec Firefox mais invisible avec Internet Explorer
Optimiser l'affichage d'un arbre/forum 
Plus de sujets relatifs à : Prob d'affichage site sous IE7 (OK avec Firefox, Opera...)


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