[Resolu]Commentaire conditionnel et Header qui disparait sous IE7

[France]

Bonjour,

Aujourd'hui je me suis rendu comte que le header disparait lorsque l'on est sur une page de produit et que l'on regarde avec IE7. Pour toutes les autres pages du site pas de problème le header est toujours là mais une fois sur la page de produit il apparait et disparait aussitôt.

Comment régler le bug?


Deuxième question

Toujours sous IE7 ma courte description qui apparait dans la product-list n'est vraiment pas à la bonne place. J'ai essayé de mettre un commentaire conditionnel dans le header avant la fin du head mais ça fout le bordel total.

À quel endroit je peux mettre un commentaire conditionnel pour une classe en particulier pour IE7 sans que cela fout le bordel partout?


Merci de votre aide.

[France]

Bonjour,

J'ai réussit à avoir une réponse pour mettre en commentaire conditionnel une css pour IE.

Code à mettre dans le header.tpl

<!--[if IE 6]>
  <link href="{$css_dir}/global.ie.6.css" rel="stylesheet" type="text/css" />
<!--[if IE 7]>
  <link href="{$css_dir}/global.ie.7.css" rel="stylesheet" type="text/css" />

Tu nommes tes feuilles de style comme ceci :
/themes/mon_theme/css/global.ie.6.css
/themes/mon_theme/css/global.ie.7.css

Pour t’assurer que cela fonctionne, tu fais un “display: none” sur le “body” dans chaque feuilles de style et si la page est blanche (enfin sans contenu…), tu as gagné !

body{display:none;}

http://www.prestashop.com/forums/viewthread/42745/P15/#270171



J'ai mis le code ainsi dans ma page header.tpl

{if isset($css_files)}
   {foreach from=$css_files key=css_uri item=media}
   <link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
   {/foreach}
   <!--[if IE 7]>
  <link href="{$css_dir}/ie7.css" rel="stylesheet" type="text/css" />
{/if}

Maintenant il me reste à trouver pourquoi le header apparait et disparait aussitôt lorsque je suis sur une page produit avec IE7.

Si quelqu'un a une piste à me donner pour mes recherches je suis preneuse.


Merci de votre aide

[Patric]

Topic déplacé. Merci de poster dans les bonnes sections.

[Atch]

Bonjour,

Bizarrement agencé ton header.

Je pencherai pour ton margin négatif de 210 px... j'ai pas compris pourquoi d'ailleurs!! Tu te compliques la vie pour pas grand chose sur ce coup.

essaye de faire un truc plus clean dans ton header ( enlève ce margin de 210 px dans la balise page) etc...

En gros :

#page {
background-color:transparent !important;
background-image:url("../img/ombre_externe2.png");
background-position:center top;
background-repeat:repeat-y;
margin:0 auto 0;
text-align:left;
width:1002px;
}


#header {
width:100%;
}

h1#logo {
background-position:center center;
height:210px;
margin:0;
padding-bottom:0;
width:100%;
}

V++

atch

[France]

Bonjour Atch,

Ma solution est peut-être bizarre mais elle fonctionne.

J'ai essayé de mettre ton code et le site devient tout croche. Ok que peut-être qu'il faudrait que je réorganise plus la css mais là je t'avoue que je n'ai vraiment pas le temps.

Si ma manière n'était pas bonne il me semble que sur toutes les pages le header disparaitrait. Là ce n'est que sur la page produit.


Merci

[TrogloGeek]

Salut France,

Dans le global.css de ton thème, dans le bloc :

/* global layout */
#page {

essaye de remplacer la ligne

margin: 210px auto 0px auto;

par

margin: 0 auto;
padding: 210px 0 0;

[France]

Merci TrogloGeek! Ça marche!

Bon! Un de moins sur ma liste de problèmes à régler. :-)

Le seul problème c'est que j'en suis encore au même nombre car j'en ai ajouter un autre à ma liste . :-S