Welcome to WebmasterWorld Guest from 54.147.250.33

Forum Moderators: not2easy

IE8 outputting from localhost VS outputting live from server

Rounded corners do not work live!

   
3:31 pm on Mar 23, 2012 (gmt 0)

WebmasterWorld Senior Member henry0 is a WebmasterWorld Top Contributor of All Time 10+ Year Member



I try to fight IE8 non css3 compliance to border-radius
by using PIE.htc
I have a machine running XP and IE8 displaying the rounded corners perfectly. if I use any other machines running Wins7 and any browsers, indeed, it works fine.

if I upload it and try IE8 outputting from my server then it does not work.

I know IE8 does not support rounded corners however when using PIE it should work as it works on my local IE8
any thoughts?

.round_box {
border:2px solid #a1a1a1;
padding:10px 35px;
margin-left:2px;
width:763px;
background:#f7f7f7;
position:relative;
border-radius:25px;
behavior: url(/PIE.htc);
}
4:44 pm on Mar 23, 2012 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



IE probably isn't finding PIE.htc from your stylesheet because the relative URL for behavior: resovles differently on the two systems. Use a complete URL and I bet it works the same on both.
12:23 pm on Mar 24, 2012 (gmt 0)

WebmasterWorld Senior Member henry0 is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Ah! Thanks, you made me search even further.

I made it, here are a few pointers for trouble shooting
behavior url with ".htc" extension

1) server confic does not recognize .htc
2) in a PHP environment upload also PIE.php and follow instruction.(Worked in my PHP environment)
3) you might give a try to the uncompressed .htc
4) toy with real path

Conclusion: PIE is the only method that I could make working with IE8
 

Featured Threads

Hot Threads This Week

Hot Threads This Month