/css3pie/PIE.htc

[Kassimaja]

Ser at mange besøkenede på en del av mine wp sider forsøker å laste /css3pie/PIE.htc Hvilken fil er dette siden så mange vil h atak i den?

 

[Tonny Kluften]

CSS3 PIE: CSS3 decorations for IE

Og det ser jo imponerende ut. CSS3 i IE!

 

[Gaasehud]

Hyggelig at vi kolleger leser hverandres blogger, gutter. *hostekule*
http://mattisaas.no/2010/08/hvordan-kjøre-css3-i-ie/

Spøk til side. Hver gang en IE-bruker skal vise en CSS3-feature, stepper CSS3 PIE inn og filen PIE.htc lastes ned. Det er nok derfor så mange "vil ha tak i den". (Det er kanskje jeg som har lagt den inn hos deg?)

 

[Tonny Kluften]

Det funker ikke her, ikke i FF heller, kun i Chrome:

Horten Jazzclub

#wrap {
    width: 1004px;    
    margin: 0 auto;
    padding:0px;
    background: #FDFBEF url("images/bg.gif") repeat-y top;
-webkit-box-shadow: 0px 0px 50px #cccccc; 
behavior: url(http://www.hjc.no/wp-content/themes/musicset1/PIE.htc);

 

[Gaasehud]

Det er fordi du kun har satt box-shadow med prefiks for webkit. Med -webkit snakker du bare til webkitlesere, som Chrome og Safari. Akkurat som at du noen ganger må sette -moz for Firefox. Opera bruker den opprinnelige box-shadow, akkurat som border-radius – altså uten en slik prefiks.

Sett derfor alltid inn alle, slik:
box-shadow:
-webkit-box-shadow:
-moz-box-shadow:

Det er en god vane, og så er du sikret at det funker i alle nettlesere. IE bruker da box-shadow gjennom CSS3 PIE.

 

[Tonny Kluften]

Jeg får det fortsatt ikke noen skygge i IE.

 

[Lag-en-hjemmeside]

Jeg får det fortsatt ikke noen skygge i IE.

Jeg testet ut det her i går og hadde også problemer med å få PIE til å virke, men fant til slutt en løsning på det. Prøv å legge til position:relative; i elementet som skal ha skygge. Om ikke det funker kan du lese mer om Known issues hos CSS3PIE.com.

 

[Tonny Kluften]

position:relative; hjalp ikke.
Jeg glemte å nevne at det virker i IE når jeg kjører kompabilitetsvisning.

 

[Lag-en-hjemmeside]

position:relative; hjalp ikke.
Jeg glemte å nevne at det virker i IE når jeg kjører kompabilitetsvisning.

Om du bruker php-filer, kan det kanskje hjelpe å bruke PIE.php i stedet for PIE.htc, som includer PIE.php og angir riktig content-type:

"IE requires that HTC behaviors are served up with a content-type header of "text/x-component", otherwise it will simply ignore the behavior. "​

fra CSS3PIE.com

Om ikke det fungerer vet jeg ikke...

 

[Tonny Kluften]

Ugh!!
Resutatet blir det samme om jeg legger til "AddType text/x-component .htc" i .htaccess.
Og om jeg bruker PIE.htc, PIE.php eller PIE_uncompressed.htc spiller ingen rolle.

 

[Gaasehud]

Hvilken side gjelder det? Så kan jeg ta en kikk.

 

[Tonny Kluften]

Horten Jazzclub

 

[Gaasehud]

Er ikke sikker, jeg, altså. Har du noe spesielt stilark for IE, så kan det jo være dét, men ta heller en titt på linken til Lag-en-hjemmeside, guiden min eller bokpyren.com (hvor den brukes i blant annet header).

 

[Robin Johansen]

Velger å fortsette på denne tråden fremfor å opprette en ny. Har lagt inn denne på Firmalosen.no - Forsøkte jo først lokalt (funket) - men når jeg la det ut så ville det plutselig ikke virke mer... Noen som har vært borte i tilsvarende? Bruker Wordpress btw.