Soucis d'affichages sous IE7 mais surtout 6

Pardon bonjour, Apres avoir fait moults test sur le version définitive de mon nouveau theme, j'ai voulu voir ce que ca donnait sous plusieurs navigateurs. Je me suis donc rendu sur Browsershot qui fourni comme le dit le nom du site, des affichages de votre site sous plusieurs navigateurs.

Et la catastrophe, du moins sous Internet Explorer 6 et IE7 dans une moindre mesure...

Etant donné que j'ai encore pas mal de visiteurs qui passe sous IE6, j'aimerait pouvoir régler ces petits soucis techniques.

Si vous désirez voir les screenshots c'est ici :Screenshots
Modifié par TGM (12 Jan 2007 - 15:29)

Bonjour à toi aussi ...

As-tu placé une déclaration clear pour autoriser tes éléments à se trouver sur au même niveau horizontal ?

Cygnus a écrit :
Bonjour à toi aussi ...

As-tu placé une déclaration clear pour autoriser tes éléments à se trouver sur au même niveau horizontal ?

A quel niveau ?

Salut.

Tu n'aurais pas un problème de double marge des flottants dans les colonnes de droite?

Ça ne se remet pas en place si tu appliques

display: inline;

à "#sidebar2"? (à réserver à IE<7 en commentaires conditionnels)

Et, est-ce que j'ai pensé à te dire bonjour, au fait?

Bonsoir,
Sans le code de ta page on va pas pouvoir faire grand chose pour toi...
Modifié par Hermann (12 Jan 2007 - 00:25)

Hermann a écrit :
Bonsoir,
Sans le code de ta page on va pas pouvoir faire grand chose pour toi...

Pssst, c'est le site de son profil, clique sur le bouton www

Merci pour toutes ces précisions, je vais y jeter un coup d'oeil, et pardon...

Bonjour a tous

Cygnus a écrit :
Bonjour à toi aussi ...

As-tu placé une déclaration clear pour autoriser tes éléments à se trouver sur au même niveau horizontal ?

Je repose ma qestion, a quel niveau ?

Hermann a écrit :
Bonsoir,
La partie gauche qui passe ne dessous est dû à

<script type="text/javascript" src="E-Design_files/comm2000.js"></script>

Tu as quelques incoherence dans lightbox.css:

#prevLink { left: 0; float: left;}

Il te manque un positionnement pour que left soit pris en compte.

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

Ce code pour IE ne devrait fonctionner nullpart (à ma connaissance)
puisque le star hack ne fonctionne que sur les version IE antèrieures
à la 7 et que ces versions n'implémentent pas le selecteur d'enfant.

Dans style.css tu as une accolade superflu sous #sidebar div, #sidebar2.

Tu est sur que c'est a cause de lightbox car c'est un plugin que j'ai installé, bizarre.

Thomas D. a écrit :
Salut.

Tu n'aurais pas un problème de double marge des flottants dans les colonnes de droite?

Ça ne se remet pas en place si tu appliques

display: inline;

à "#sidebar2"? (à réserver à IE<7 en commentaires conditionnels)

Pourrait tu me redonner le lien pour les commentaires conditionnels...
Modifié par TGM (12 Jan 2007 - 15:40)

Tout est dans la F.A.Q.

Bonjour,

moi j'orienterai ca vers un probleme de définition des boites par IE.
Tu dois avoir un float left ou right dans ton code. Ton probleme doit venir du fait que tes div sont calculés au carrat au niveau des dimensions. Or le modèle de boite standard n'est pas le même que celui appliqué par IE

Conclusion, il n'y a pas assez de place pour afficher tes 2 div cote à cote, et IE les mets un en dessous de l'autre.

Fais un test en retrécissant les width de tes div pour voir ce que ca donne ...

TGM a écrit :
Tu est sur que c'est a cause de lightbox car c'est un plugin que j'ai installé, bizarre.

Je ne connais pas la source exact de ce problème mais supprime et tu verras
que cela le corrige. Aprés c'est à toi de faire le reste.
Lightbox n'est pas un plug-in mais une bibliothèque d'effets.
Le code que je t'ai donné est une concerion en local...voila celui en ligne:

<script type="text/javascript" src="http://pub.mybloglog.com/comm2.php?mblID=2006123010423805&c_width=180&c_sn_opt=n&c_rows=3&c_img_size=h&c_heading_text=Ils+ont+lu+E-Design&c_color_heading_bg=FFFFFF&c_color_heading=666666&c_color_link_bg=FFFFFF&c_color_link=333333&c_color_bottom_bg=FFFFFF"></script>

@Kwic ça ne vient pas du mode quirks (et par conséquent du modele de boîte
microsoft) puisque son prologue XML n'est présent que pour les navigateurs autres que IE
Modifié par Hermann (12 Jan 2007 - 16:28)

Hermann a écrit :

Je ne connais pas la source exact de ce problème mais supprime et tu verras
que cela le corrige. Aprés c'est à toi de faire le reste.
Lightbox n'est pas un plug-in mais une bibliothèque d'effets.
Le code que je t'ai donné est une concerion en local...voila celui en ligne:

<script type="text/javascript" src="http://pub.mybloglog.com/comm2.php?mblID=2006123010423805&c_width=180&c_sn_opt=n&c_rows=3&c_img_size=h&c_heading_text=Ils+ont+lu+E-Design&c_color_heading_bg=FFFFFF&c_color_heading=666666&c_color_link_bg=FFFFFF&c_color_link=333333&c_color_bottom_bg=FFFFFF"></script>

@Kwic ça ne vient pas du mode quirks (et par conséquent du modele de boîte
microsoft) puisque son prologue XML n'est présent que pour les navigateurs autres que IE

Oui enfin je veut dire par la que j'ai installé un plugin se nommant Lightbox JS qui permet de donner un effet quand on clique sur une image.

Par contre je me demande pourquoi tu me met le script de Myblolog, c'est ca qui met le contenu en dessous des sidebars ?

A Kwic, mes sidebars ne sont pas l'une en dessous de l'autre, c'est le contenu qui se trouve en desous des sidebars, ca me fait donc un enorme trou la ou il devrait y a voir mes billets...

Voir ici Screen IE6
Modifié par TGM (12 Jan 2007 - 16:36)

Thomas D. a écrit :
Salut.

Tu n'aurais pas un problème de double marge des flottants dans les colonnes de droite?

Ça ne se remet pas en place si tu appliques

display: inline;

à "#sidebar2"? (à réserver à IE<7 en commentaires conditionnels)

Et, est-ce que j'ai pensé à te dire bonjour, au fait?

C'est bien pour aligner le contenu et les sidebars sous IE6 ce hack ?

TGM a écrit :
C'est bien pour aligner le contenu et les sidebars sous IE6 ce hack ?

Non c'est une propriété qui corrige un des principaux bug d'IE :
The le IE Doubled Float-Margin Bug
IE7 a corrigé ce bug comme pratiquement tous les bug présent
sur cette liste.
Mais ton problème ne vient pas de là.
Modifié par Hermann (12 Jan 2007 - 17:34)

Hermann a écrit :

Non c'est une propriété qui corrige un des principaux bug d'IE :
The le IE Doubled Float-Margin Bug
IE7 a corrigé ce bug comme pratiquement tous les bug présent
sur cette liste.
Mais ton problème ne vient pas de là.

Ca viendrait d'ou a ton avis, car je vient d'enlever mon plugin lighbox JS...

TGM a écrit :

Ca viendrait d'ou a ton avis, car je vient d'enlever mon plugin lighbox JS...

Je vois pas en quoi un plug-in peut avoir une quelconque influence sur le
moteur de rendu...
J'en sais rien, je te conseille de procéder par élimination successive
pour pouvoir repérer la source du problème : suppression du contenu,
attribution d'un border rouge aux div visés, etc.
Modifié par Hermann (12 Jan 2007 - 19:06)

Hermann a écrit :


Je vois pas en quoi un plug-in peut avoir une quelconque influence sur le
moteur de rendu...
J'en sais rien, je te conseille de procéder par élimination successive
pour pouvoir repérer la source du problème : suppression du contenu,
attribution d'un border rouge aux div visés, etc.

Merci pour tes conseils avisés hermann mais le soucis c'est que moi et le code pour le moment ca fait deux, donc je ne sait pas vraiment ou chercher l'ereur...

Hermann a écrit :

Non c'est une propriété qui corrige un des principaux bug d'IE :
The le IE Doubled Float-Margin Bug
IE7 a corrigé ce bug comme pratiquement tous les bug présent
sur cette liste.

Justement, c'est sous IE6 que ça foire, non? Et si je ne me trompe pas, il y a une colonne flottante, "#sidebar2", qui a une marge de 30 ou 40px à droite ...

Est-ce que tu as essayé, au moins, TGM?

Thomas D. a écrit :
Justement, c'est sous IE6 que ça foire, non? Et si je ne me trompe pas, il y a une colonne flottante, "#sidebar2", qui a une marge de 30 ou 40px à droite ...

Est-ce que tu as essayé, au moins, TGM?

Oui c'est bien sous IE que ca foire, mais c'est le contenu qui se trouve au niveau du bas des sidebars comme on peut le voir sur le screen...
Donc le commentaire conditionnels que tu veut me faire ajouter doit faire remonter le contenu au niveau des sidebars ?

Le screenshot : Screen IE6
Modifié par TGM (13 Jan 2007 - 17:20)

Essaie, tu verras bien. Si tu as bien un bug de "double marge des flottants", il n'y a pas l'espace suffisant pour que le bloc de contenu s'affiche à côté des 2 autres colonnes, tu n'as qu'à calculer en additionnant les largeurs et deux fois la marge de #sidebar2.