Problème d'affichage du site sous IE6 exclusivement

[katamiaw]

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

[katamiaw]

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.

[ghost]

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

<ul>
  <li>..........</li>
  <li>..........</li>
...
  <li>..........</li>
</ul>

http://css.alsacreations.com/Construction-...-simples-en-CSS

Modifié 13 Mars 2008 par ghost

[Magicoyo]

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.

[katamiaw]

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.

En effet !!! Comme le monde est petit

Je poste une capture d'écran dés que possible.

[Powned]

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.

[ghost]

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...

			  <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>

.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;
}

[katamiaw]

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...

Merci pour ton aide, je ne suis pas (encore ?) un spécialiste du code...

Je vais de ce pas faire ta modif.

[ghost]

Salut,

Justement moi non plus mais c'était le sens de mon intervention, quitte à apprendre autant partir sur de saines bases.

Cdt

Ghost

[katamiaw]

En effet ça va beaucoup mieux avec ton code

Tu as d'autres conseils, je suis bien sur preneur...

[ghost]

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

[katamiaw]

Le site sous Firefox 2

Le site sous Internet Explorer 6

[Vap]

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

[katamiaw]

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

Salut,

J'ai fait quelques modifs cette nuit... et.... il me reste à corriger les erreurs !