Welcome to WebmasterWorld Guest from 54.196.107.247

Forum Moderators: incrediBILL

Message Too Old, No Replies

IE going into quirks

     
7:21 pm on Dec 9, 2010 (gmt 0)

Junior Member

5+ Year Member

joined:Aug 3, 2010
posts:62
votes: 0


I have been trying to make curvy corners for some of my boxes on the website and they work in FF and chrome, but not in IE. It is almost as if it does not load the script at all and just passes right over it. I had a JS error before saying that 'jQuery' is undefined..I guess the jquery js file was in the wrong folder? I kind of just made a band aid solution for this at the moment. I still have jquery loading from the original location, but also have it loading from my root...

So, does anyone know if the curvy corners are causing IE to go into quirks? If so, how do I fix it and get IE to display the curvy corners..


Thanks guys.

here is a link
[makeupartistdirect.com ]
7:57 pm on Dec 9, 2010 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member fotiman is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Oct 17, 2005
posts:4996
votes: 14


The way to trigger Quirks mode in IE is by using an incomplete DOCTYPE. You are using:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Which WILL trigger quirks mode. Change it to this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
5:30 pm on Dec 13, 2010 (gmt 0)

Full Member

5+ Year Member

joined:Sept 8, 2010
posts: 210
votes: 0


if you do the round corners in CSS (As i think you do) you need to know that IE Browsers do not support CSS3 (only IE 9 Dos)

i use this CSS3 Code to Get my corners in Most Browsers that support CSS3:



border-radius:2em;
box-shadow:10px 10px 20px #353534;

-moz-border-radius:2em;
-moz-box-shadow:5px 6px 10px #353534;

-webkit-border-radius:2em;
-webkit-box-shadow:10px 10px 5px #353534;

-khtml-border-radius:2em;
-khtml-box-shadow:5px 6px 10px #353534;

-ms-border-radius:2em;
-ms-box-shadow:5px 6px 10px #353534;



Hope it helps :)