[CSS] Alleen IE stukje

[Shinji]

Ik ben bezig een site te bouwen, daarvoor gebruik ik ook het template systeem Smarty.
Echter nu moet ik het bestand csshover.htc gebruiken als work-a-round voor mijn CSS menu omdat die het anders niet in IE doet.

Voor zoiets vond ik zo'n soort stukje code:

code:

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]-->

En als ik het voorbeeld-bron bestand bekijk zou dat gewoon tussen de HTML gestopt kunnen worden. Echter krijg ik dan allemaal smarty errors.

Weet iemand een ander manier om zoiets op te lossen? Of moet ik iets met Smarty doen (dan zou het een /14 topic worden maar goed).

[crisp]

http://smarty.php.net/manual/en/language.escaping.php

De makkelijkste oplossing lijkt me echter dat stukje CSS in een apart CSS bestand te gooien en dit te doen:

HTML:

<!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="iehoverfix.css" media="screen">
<![endif]-->

(note dat ik hier ook een versienummer in meeneem, IE7 ondersteund namelijk wel hover op alle elementen).

[ Voor 80% gewijzigd door crisp op 09-05-2006 00:32 ]

[Shinji]

Ja idd, als je IE 6 opgeeft pikt die dan ook gelijk de oudere versies van IE mee of moet ik daar nog aparte items voor maken? Bedankt voor de hulp in ieder geval.

[We Are Borg]

http://www.quirksmode.org/css/condcom.html

Je kan aangeven dat je IE6 wilt en daaronder, dus dan pak je ook de oudere versie's

Edit: crisp's voorbeeld is IE6 en ouder

[ Voor 25% gewijzigd door We Are Borg op 09-05-2006 00:55 ]

[Alex)]

crisp schreef op dinsdag 09 mei 2006 @ 00:27:
http://smarty.php.net/manual/en/language.escaping.php

De makkelijkste oplossing lijkt me echter dat stukje CSS in een apart CSS bestand te gooien en dit te doen:

HTML:

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

(note dat ik hier ook een versienummer in meeneem, IE7 ondersteund namelijk wel hover op alle elementen).

Als je hem zo doet hebben mensen die IE7 beta 1 gebruiken (ik dus) er ook nog iets aan

[crisp]

Alex schreef op dinsdag 09 mei 2006 @ 00:56:
[...]

Als je hem zo doet hebben mensen die IE7 beta 1 gebruiken (ik dus) er ook nog iets aan

Dat is het risico als je brakke beta's gebruikt

[Verwijderd]

je kan hem ook in je html laten staan met de smarty 'literal' tags:

{literal}
css-je
{/literal}

edit: o... stond al een link naar deze tags...

[ Voor 27% gewijzigd door Verwijderd op 09-05-2006 09:31 ]

[martijnvanegdom]

Daarnaast is er altijg nog de 'underscore' hack. Beetje vies misschien.. maar erg effectief

margin: blaat
_margin: blaat

In alle browser, behalve IE word de _margin genegeerd, echter IE parst 'm en overschrijft de vorige margin

[Alex)]

crisp schreef op dinsdag 09 mei 2006 @ 08:37:
[...]

Dat is het risico als je brakke beta's gebruikt

Ik vind IE7 beta 1 fijner werken dan IE7 beta 2, gewoon een normale layout, ik vind IE7 er echt niet mooier op worden. En degene die heeft bedacht dat er náást de tabbladen nog knoppen moeten komen, en dat de menubalk standaard verborgen mag worden... GRR....

[crisp]

Het grootste manko van IE7 beta 1 op rendergebied is het feit dat het in feite nog de renderengine van IE6 is, maar wel met IE7 UA-string

[Alex)]

Dat is gedeeltelijk waar, de UA-string is IE7b, bij IE7 beta 2 is die IE7.