Bonjour à tous,
Voici le soucis: j'ai un site www.fnpsalrmp.net dont mon designer m'a fait la maquette et que j'ai codé en php, le problème étant que l'affichage du site s'avère incorrect sous IE6, alors que sous FFX ou IE7 l'affichage est correct...
J'ai beau cherché depuis 15 jours le soucis, je ne trouve pas la source de l'erreur.
Le site est validé W3C, idem pour la feuille CSS.
Si vous pouviez m'aider... ce serait super sympa !
Merci d'avance,
katamiaw
Version complète: sur le forum Webmaster Hub : Problème d'affichage du site sous IE6 exclusivement
En lisant le forum (!! pourquoi ne l'ai-je pas fait plus tôt !!!) j'ai réussi à résoudre 1 des soucis d'affichage:
il s'agissait d'un cadre qui était trop grand sous IE6 alors qu'il s'affichait correctement sous FFX (et IE7)...
J'ai toujours le problème d'affichage en bas de page, où une "zone blanche / vide" apparait.
Il y a aussi le menu de gauche qui est "bizare" sous IE6 alors que ça ne le fait pas sous FFX.
il s'agissait d'un cadre qui était trop grand sous IE6 alors qu'il s'affichait correctement sous FFX (et IE7)...
J'ai toujours le problème d'affichage en bas de page, où une "zone blanche / vide" apparait.
Il y a aussi le menu de gauche qui est "bizare" sous IE6 alors que ça ne le fait pas sous FFX.
Salut,
Ca ne viendrait pas du fait qu'IE6 ne "sait" pas afficher les png correctement
Il y a surement possibilité vu ton fond de passer en jpg.
Pour ton menu, il serait plus judicieux, sémantique, accessible d'utiliser une liste non ordonnée pour le réaliser
http://css.alsacreations.com/Construction-...-simples-en-CSS
Ca ne viendrait pas du fait qu'IE6 ne "sait" pas afficher les png correctement
Il y a surement possibilité vu ton fond de passer en jpg.
Pour ton menu, il serait plus judicieux, sémantique, accessible d'utiliser une liste non ordonnée pour le réaliser
CODE
<ul>
<li>..........</li>
<li>..........</li>
...
<li>..........</li>
</ul>
<li>..........</li>
<li>..........</li>
...
<li>..........</li>
</ul>
http://css.alsacreations.com/Construction-...-simples-en-CSS
Salut Katamiaw;
Etonnant de se retrouver ici...
J'ai pas IE6, je peux donc pas voir le bug d'affichage. Mais, je te répondrai que généralement, les différences d'affichages se jouent sur les différences d'interprétation des margin & padding.
Tu devrais poster une capture d'écran pour des réponses plus précises.
Etonnant de se retrouver ici...
J'ai pas IE6, je peux donc pas voir le bug d'affichage. Mais, je te répondrai que généralement, les différences d'affichages se jouent sur les différences d'interprétation des margin & padding.
Tu devrais poster une capture d'écran pour des réponses plus précises.
CITATION(Magicoyo @ jeudi 13 mars 2008 à 16:04) 
Salut Katamiaw;
Etonnant de se retrouver ici...
J'ai pas IE6, je peux donc pas voir le bug d'affichage. Mais, je te répondrai que généralement, les différences d'affichages se jouent sur les différences d'interprétation des margin & padding.
Tu devrais poster une capture d'écran pour des réponses plus précises.
Etonnant de se retrouver ici...
J'ai pas IE6, je peux donc pas voir le bug d'affichage. Mais, je te répondrai que généralement, les différences d'affichages se jouent sur les différences d'interprétation des margin & padding.
Tu devrais poster une capture d'écran pour des réponses plus précises.
En effet !!! Comme le monde est petit
Je poste une capture d'écran dés que possible.
Effectivement, il y a souvent de gros problemes d'interpretations des padding et margin sous IE 6.
essaye de bidouiller dans ces donné et dis nous si ca change qq chose.
essaye de bidouiller dans ces donné et dis nous si ca change qq chose.
Salut,
Sans te vexer, ton menu est une horreur sémantique et sans bidouillages profonds et pas très robustes, il ne te donnera pas satisfaction alors qu'avec l'utilisation d'une liste ça va tout seul, le code est plus clair, c'est correct, portable et sans souci...
Sans te vexer, ton menu est une horreur sémantique et sans bidouillages profonds et pas très robustes, il ne te donnera pas satisfaction alors qu'avec l'utilisation d'une liste ça va tout seul, le code est plus clair, c'est correct, portable et sans souci...
CODE
<div class="top_boxy"> Menu
</div>
<ul class="mid_boxy">
<li><a href="index.php?url=accueil" >Infos</a></li>
<li><a href="index.php?url=ligue" >Ligue LRMP</a></li>
<li><a href="index.php?url=competitions" >Compétitions</a></li>
<li><a href="#" >Etudes et Rapports</a></li>
<li><a href="#" >Formations</a></li>
<li><a href="#" >Environnement</a></li>
<li><a href="index.php?url=forums" >Forum</a></li>
<li><a href="#" >Liens</a></li>
<li><a href="#" >Plan du site</a></li>
</ul>
<div class="bot_boxy">
</div>
</div>
<ul class="mid_boxy">
<li><a href="index.php?url=accueil" >Infos</a></li>
<li><a href="index.php?url=ligue" >Ligue LRMP</a></li>
<li><a href="index.php?url=competitions" >Compétitions</a></li>
<li><a href="#" >Etudes et Rapports</a></li>
<li><a href="#" >Formations</a></li>
<li><a href="#" >Environnement</a></li>
<li><a href="index.php?url=forums" >Forum</a></li>
<li><a href="#" >Liens</a></li>
<li><a href="#" >Plan du site</a></li>
</ul>
<div class="bot_boxy">
</div>
CODE
.mid_boxy {
background: url(mid_frame.jpg) repeat-y top center;
text-align: center;
padding-top: 10px;
margin: 0px auto;
/*position: relative;*/
padding-bottom: 5px;
list-style-type: none;
}
.mid_boxy li {
background: #3333ff url(menu_bt.jpg) no-repeat center bottom;
height: 25px;
width: 140px;
line-height: 24px;
padding: 0px;
margin: 2px auto;
}
.mid_boxy li a{
display: block;
height: 25px;
width: 140px;
line-height: 24px;
text-decoration: none;
color: black;
padding: 0px;
}
.mid_boxy li a:hover {
background: lime url(menu_bt.jpg) no-repeat center top;
color: blue;
}
background: url(mid_frame.jpg) repeat-y top center;
text-align: center;
padding-top: 10px;
margin: 0px auto;
/*position: relative;*/
padding-bottom: 5px;
list-style-type: none;
}
.mid_boxy li {
background: #3333ff url(menu_bt.jpg) no-repeat center bottom;
height: 25px;
width: 140px;
line-height: 24px;
padding: 0px;
margin: 2px auto;
}
.mid_boxy li a{
display: block;
height: 25px;
width: 140px;
line-height: 24px;
text-decoration: none;
color: black;
padding: 0px;
}
.mid_boxy li a:hover {
background: lime url(menu_bt.jpg) no-repeat center top;
color: blue;
}
CITATION(ghost @ dimanche 16 mars 2008 à 16:08)
Salut,
Sans te vexer, ton menu est une horreur sémantique et sans bidouillages profonds et pas très robustes, il ne te donnera pas satisfaction alors qu'avec l'utilisation d'une liste ça va tout seul, le code est plus clair, c'est correct, portable et sans souci...
Sans te vexer, ton menu est une horreur sémantique et sans bidouillages profonds et pas très robustes, il ne te donnera pas satisfaction alors qu'avec l'utilisation d'une liste ça va tout seul, le code est plus clair, c'est correct, portable et sans souci...
Merci pour ton aide, je ne suis pas (encore ?) un spécialiste du code...
Je vais de ce pas faire ta modif.
Salut,
Justement moi non plus mais c'était le sens de mon intervention, quitte à apprendre autant partir sur de saines bases.
Cdt
Ghost
Justement moi non plus mais c'était le sens de mon intervention, quitte à apprendre autant partir sur de saines bases.
Cdt
Ghost
En effet ça va beaucoup mieux avec ton code
Tu as d'autres conseils, je suis bien sur preneur...
Tu as d'autres conseils, je suis bien sur preneur...
Re,
Il te resterait à dégrader tes png pour ie6 pour éviter ce fond bleuté sur la moitié basse du site... à tester en gif avec un commentaire conditionnel?
Si tu as un souci, n'hésite pas
Il te resterait à dégrader tes png pour ie6 pour éviter ce fond bleuté sur la moitié basse du site... à tester en gif avec un commentaire conditionnel?
Si tu as un souci, n'hésite pas
Le site sous Firefox 2
Le site sous Internet Explorer 6
Le site sous Internet Explorer 6
Tu as pas mal d'erreur html ici .
Corriges les, ça ne peut qu'aider.
Tu as aussi mis du CSS dans la page au lieu de le mettre dans ton fichier .css
Corriges les, ça ne peut qu'aider.
Tu as aussi mis du CSS dans la page au lieu de le mettre dans ton fichier .css
CITATION(Vap @ lundi 17 mars 2008 à 11:24)
Tu as pas mal d'erreur html ici .
Corriges les, ça ne peut qu'aider.
Tu as aussi mis du CSS dans la page au lieu de le mettre dans ton fichier .css
Corriges les, ça ne peut qu'aider.
Tu as aussi mis du CSS dans la page au lieu de le mettre dans ton fichier .css
Salut,
J'ai fait quelques modifs cette nuit... et.... il me reste à corriger les erreurs !
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.