IE going into quirks

Forum Moderators: open

Message Too Old, No Replies

IE going into quirks

guod

7:21 pm on Dec 9, 2010 (gmt 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 ]

Fotiman

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

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">

TheKiller

5:30 pm on Dec 13, 2010 (gmt 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 :)