Décalage de block sous IE 5 et 6

[iKouLa]

Bonjour à tous,

Dans le cadre de l'optimisation de ma future boutique, je fais des tests sur tous les navigateurs possibles.

Il en résulte :
Chrome : Valide, aucun bug, aucun décalage.
Safari : Valide, aucun bug, aucun décalage.
IE 7 : Valide, aucun bug, aucun décalage.
Opera : Valide, aucun bug, aucun décalage.
Firefox : Valide, aucun bug, aucun décalage.
IE 5 : Des bugs dans tous les sens ...
IE 6 : Idem

Donc, je me demandé si il n'exister pas un patch pour IE5 et 6 éventuellement. Ca peut paraitre bizarre, mais après étude, pas mal de personnes utilisent encore IE5 / 5.5 / 6

Si quelqu'un à une piste je suis preneur

Bonne journée à vous

iKoula

[Patric]

Pas mal de personnes utilisent encore IE 5 ? J'ai un doute...

En tous cas je ne pense pas que ça justifie de passer des heures à essayer de rendre le thème compatible.

Et le meilleur patch, c'est Firefox...

[iKouLa]

Je sais bien Zendik mais je suis un perfectionniste hihihii

[Rockinbill]

Mais IE6 aurait encore un taux de 17% d'utilisateurs ... ça fait quand même beaucoup, non ?

et pour ma part, ça merde mêm avec IE7 :-/ (voir mon post http://www.prestashop.com/forums/viewthread/18457/discussion_generale/bug_affichage_des_blocks_sous_ie7 )

[Atch]

IE5 oublie mais pour IE6 c'est faisable avec de la patience... ce méfier des margin!!! que je remplace par des padding dans un div si possible etc... (margin multiplié par 2 sous IE6)

Sans lien de ta part c'est pas évident de t'aider

edit : J'vais pas vu la date du premier message!! depuis il a du trouver une solution

V++

Atch

[Cédric Girard]

Une plaie cet IE6...

J'en suis à un point où je surfacture "mise en conformité IE6" tellement je l'aime... Une solution disgracieuse est de détecter si l'internaute utilise IE6 et si c'est le cas, de lui indiquer que le site peut poser problème sur les navigateurs préhistoriques (je plaisante)

Mais bon des fois ça démange !

[Fluorite]

Salut à tous

J'ai rencontré le même problème,de mise en forme avec IE5.5 et IE6.

Donc au lieu de perdre du temps sur la mise en forme.css de IE5.5 et IE6, j'avertis simplement l'internaute avec une détection Navigateur & N° de version.

Dé qu'un navigateur IE6 se pointe sur mon site ,celui si se voit apparaitre un message,lui informant qu'il n'est pas compatible,même si IE6 peut naviguer sur le site ,mais avec quelque divergence .CSS.

Quant a Mr IE5.5 je le redirige sur une page rien que pour lui ^^
lui informant qu'il n'est pas possible de naviguer sur le site avec ce Navigateur .

Voila ,je pense que cela et mieux d'en avertir l'internaute plutôt que de le laisser avec des mises en forme farfelues dans tous les sens .

Mais bon des fois ça démange !

Moi ça ne m’a pas démangé!!! je sais j'ai tord 'LOL' manque de temps Donc bon...

Bonne journée à tous

Bye Yannick

[Fluorite]

Yo Salut à tous

Tien peut-être que si je demande je vais résoudre mon problème sous IE6 ,aillant déjà passé énormément de temps sur les couleurs css et autre mise en forme (Je débute) du site,j'avais abandonner le css pour ie6 sur le décalage que l'on peut voir sur le header,(deuxième image) ou tous se, mais sur la gauche avec un grand vide sur la droite.

Si vous avez le temps de me répondre avec une solution efficace,je suis preneur :)cela me fera avancer.
je vous remercie d'avance.

Bye @++
Yannick

[Marie]

Me voici rassurée. Je suis en cours d'optimisation de ma boutique je galère comme une folle.

FF : valide
Safari : valide
IE 8 : valide
Google chrome : valide

Opéra : décalage bloc central et couleurs inadéquates
IE 6 et 7 : méchant bazar

Sur mes stats Opéra, IE6 et 7 représentent quand même 27% des visites.

Yannick, comment fais-tu pour détecter ces navigateurs et renvoyer une page d'info à leurs utilisateurs ?
Tout en tentant une optimisation maximale for every body et dans l'attente de la solution géniale, j'aimerai utiliser ce procédé.

Merci

Marie

[Fluorite]

Bonsoir à tous
Avec plaisir Marie.

Voici la source du code http://www.frenchscout.com/die-ie

Pourquoi inventer ce qui existe dejas

que j'ai placé dans mon Header.php après la ligne

$smarty->display(_PS_THEME_DIR_.'header.tpl');

Attention à bien crée le dossier image s’il n'existe pas .

Faire les rectifications adéquates suivant la détection que l'on veut faire exactement.

personnellement je rencontrer quelque lacune sous IE6 donc lui seul ce verras attribuer le message sans redirection.
le code que j'ai adapté à mes besoins

##################################################
# Affiche un appel à changer de navigateur
##################################################

function die_ie($default_statement='') {
global $language;

// The announcement depends on the page language -- not on the browser language
if ( $language=='fr' ) {
$announcement = 'Vous utilisez un navigateur internet qui n est pas Compatible LAfouillasse.fr,
Envisagez une alternative Mozilla ';
} else {
$announcement = 'You are using an unsafe, slow, outdated web explorer.
You may consider installing an alternative, 
';
}
$announcement .= '  Ou -> Opera Ou IE7,IE8';

// The output depends on the user browser
$agent_left = substr($_SERVER['HTTP_USER_AGENT'], 0, 31);
if ( $agent_left=='Mozilla/4.0 (compatible; MSIE 5' ) {
return $announcement;
} elseif ( $agent_left=='Mozilla/4.0 (compatible; MSIE 6' OR $agent_left=='Mozilla/4.0 (compatible;)' ) { return $announcement;
} elseif ( $agent_left=='Mozilla/4.0 (compatible; MSIE 7' ) { return $default_statement;
} elseif ( $agent_left=='Mozilla/4.0 (compatible; MSIE 8' ) { return $default_statement;
} else {
return $default_statement;
}

} # end of function
// Call the function
$language='fr';
echo die_ie('');

Voila
Bonne nuit

Yannick

[lamit74]

Bonsoir,

Pour ceux qui ont des problèmes seulement sur IE6, il faut faire un test dans le <head> et créer un CSS spécial qui corrigera seulement les erreurs sous IE6

Le code a ajouter,

<!-- Internet Explorer Fixes -->
<!--[if lt IE 7]>
<style type="text/css" title="currentStyle" media="screen">
       @import "http://www.mon-domaine.com/.../ie.css";</style>

Dans ie.css, vous devrez modifier seulement les div à problème, par exemple le décalage du header

[Marie]

Merci Yannick !

Je vais utiliser ton script pour les 2% Opéra.
J'ai finalement réussi à caler les IE en bougeant les marges.

En terme de couleurs bien sûr ce n'est pas tout à fait ça; mais il ne s'agit là que d'une question d'esthétique... ce n'est pas un paramètre essentiel à cette boutique.

Et merci Lamit, je vais quand même intégrer ton script et voir ce que ça donne sous IE6

Marie