Theme View in IE

The site looks out of whack in IE 9. All other browsers look great.

http://heav.org/

  • Tom Eagles

    Hi there @Jarrett Gucci

    Don't ya just love IE... NOT.

    Had a look through the css to see if i could spot any obvious problems. Did some testing in IE9 under developer options and it appears under document mode settings in quirks mode the site breaks but when using ie7-ie9 standards mode the site renders ok.

    For some reason my ie decided to switch from the default settings to quirks mode.
    So i am kinda lost on this as to whats causing the site to break.

    So i am going to ping the dev to get in here asap and take a look.

    Cheers

    Tom

  • Tom Eagles

    Something is triggering IE Quirks mode

    have a read of this:http://en.wikipedia.org/wiki/Quirks_mode

    Most often, browsers determine which rendering mode to use based on the presence of a Document Type Declaration in the page; if a full DOCTYPE is present the browser will use standards mode, and if it is absent the browser will use quirks mode. For example, a web page which began with the following DOCTYPE would trigger standards mode:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    The following DOCTYPE is syntactically invalid, containing the public identifier keyword "PUBLIC" but no public identifier (indicating the name of the version of HTML in use), and no system identifier URL of an HTML Document Type Definition. This would trigger quirks mode:
    <!DOCTYPE html PUBLIC>
    Additionally, a web page which does not include a DOCTYPE at all will render in quirks mode.
    One notable exception to this is Microsoft's Internet Explorer 6 browser, which will render a page in quirks mode if the DOCTYPE is preceded by an XML prolog, regardless of whether a full DOCTYPE is specified. Thus an XHTML page which begins with the following code would be rendered in quirks mode by IE 6:
    <?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    The above is useful to an extent as it can be used to trigger quirks mode only in IE 6.
    Quirks mode in any version of IE will also be triggered if anything precedes the DOCTYPE. For example, if a hypertext document contains a comment, space or any tag before the DOCTYPE declaration, IE will use quirks mode:
    <!-- This comment will put IE 6, 7, 8, and 9 in quirks mode -->
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    The problem with the XML declaration was fixed in version 7 of Internet Explorer, in which the XML prolog is simply ignored.[6] However, for maximum compatibility with existing and older web browsers, the World Wide Web Consortium, which maintains the XHTML specification, suggests that authors of XHTML documents could consider omitting the XML declaration.[7]

    As soon as the page is displayed in standards mode then the page is rendered correctly

    Cheers

    Tom

  • Tom Eagles

    The only things that could force this are the url after the doctype as you have nothing above it when i view the source, Start with that give it a whirl and let me know how you are getting on in the meanwhile i am going to keep looking for other reasons for this in case i have missed something.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

    try replacing it with this

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

    or

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

    Cheers!

    Tom