Prob d'affichage site sous IE7 (OK avec Firefox, Opera...)
Prob d'affichage site sous IE7 (OK avec Firefox, Opera...) - HTML/CSS - Programmation
MarshPosté 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).
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 :
<html>
<body>
<div id='titre'>Le gros titre vert en haut</div>
<div id='partie_centrale'> <!-- Contient le menu et le contenu -->
<div id='menu'>
<!-- Menu affiché en bleu -->
</div>
<div id='corps'>
<!-- Le contenu du site -->
</div>
</body>
</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 :
body{
margin-top:0%;
padding:0%;
height:100%;
margin-left:auto;
margin-right:auto;
}
/** "Frames" **/
#partie_centrale{
width:1000px;
max-width:1000px;
margin-left:auto;
margin-right:auto;
}
#menu{
z-index:0;
padding-top:50px;
position:fixed;
padding-bottom:10px;
float:left;
width:200px;
min-height:100%;
height:100%;
}
#corps{
padding-top:50px;
margin-left:210px;
margin-right:1em;
}
#titre{
z-index:1;
padding-top:8px;
padding-bottom:12px;
height:50px;
min-height:50px;
position:fixed;
width:100%;
display:block;
left:0px;
}
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
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) :
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):
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