Jump to content

Décalage de block sous IE 5 et 6


Recommended Posts

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

  • 1 month later...

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

Share this post


Link to post
Share on other sites

Une plaie cet IE6...

J'en suis à un point où je surfacture "mise en conformité IE6" :lol: 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 !

Share this post


Link to post
Share on other sites

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

7540_KQmA1myEXcE8xpJmFnmO_t

7541_6mxtEGiUK1MUilE7ZjkI_t

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

  • 2 months later...

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More