2010-07-07 8 views
2

Bonjour, Je suis en train de modifier un thème cs-cart qui utilise un moteur de template intelligent. Je suis en mesure de déplacer les liens chariot panier au-dessus du menu supérieur et il montre Ok avec IE8 Firefox, etc. Hovewer IE7 faire un espace vide. Comment pourrais-je rendre IE7 heureux. J'ai ajouté les feuilles de style nécessaires et tpl files. Les fichiers css principaux sont style.css et stle.base.css.internet explorer 7 css problème


IE8 pas d'espace alt text http://public.blu.livefilestore.com/y1pSVU-pq1r6P8Tuw7rjpEieN8wCpAoC2VsmpBYWg3hG6xje45EWF6xrFAEXd7PBzfsNvgkpHK0WGoOVynnWrJrXg/ie8.png?psid=1

IE7 avec l'espace alt text http://7uil7a.blu.livefilestore.com/y1pvNHi8Zr3khcizQTV4TkL_sEQaJJKVh-JsiZntjHM4BbDKnE11mVFPf8Ug52P6_6klZM99ffApAV-EfNM4Fc3zmASjMggWaF0/ie7space.png?psid=1

Répondre

2

IE7 ne rend pas bien CSS. Créez un fichier CSS spécial pour IE7 et l'inclure dans votre code HTML comme suit:

<!--[if lte IE 7]> 
<link href="ie7.css" rel="stylesheet" type="text/css"> 
<![endif]--> 

En ie7.css, modifier les marges, rembourrage, etc. jusqu'à ce que les deux versions apparaissent identiques.

+0

merci, mais ma question est de savoir comment faire IE7 ressemble à IE8. –

+3

En faisant exactement ce que j'ai décrit. – mcandre

2

La réponse ci-dessus est utile, mais plus:

Ajouter ce dans les <head></head> tags:

<!--[if lte IE 7]> 
<link href="ie7.css" rel="stylesheet" type="text/css"> 
<![endif]--> 

A l'intérieur du ie7.css vous ajoutez l'élément à lui, par exemple

.cart-thingy { 
    margin: -10px 0 0 0; 
} 

Et ainsi de suite.

Cela aidera aussi certainement:

Conditional comments

+0

Il vient d'ajouter 10px ci-dessus "voiture est vide". L'espace est toujours là –

+0

désolé ci-dessous "le panier est vide" –

+0

J'ai édité le code, essaye le code CSS encore, il devrait 'tirer' le thingy qui arrêtera l'espace de montrer - vous pouvez augmenter le -10px à un nombre plus élevé pour le déplacer plus. – MacMac

Questions connexes