Search code examples
htmlcssdoctypexhtml-1.0-strict

IE breaking page, and invalid markup validation


I have finished the layout and completed the webpage (www.blisshair.com.au) but i have run into what I think is a major issue.

When building the webpage, I only used firefox to check the layout, and now I am kicking myself.

When loading the page in developer tools, IE 8 standards, browser IE 8, it loads pretty much perfect, except the header logo is twice as big as it should be.

When trying in I.E 7 standards, browser IE 7 it looks ok, however, IE browser 7, quirks mode, the page breaks down :

Have a clearfix issue just above the bottom footer, and the navigation (side) menu paddings are way off, the container div isn't centered (at least not on the index page, all other pages are..? )

I honestly have no idea whats going on, if someone could point me in the right direction I would really appreciate it,

Also, one last issue I was trying to correct and has left me scratching my head, I was trying to validate from W3C and got this error:

Warning DOCTYPE Override in effect!

The detected DOCTYPE Declaration "" has been suppressed and the DOCTYPE for "XHTML 1.0 Transitional" inserted instead, but even if no errors are shown below the document will not be Valid until you update it to reflect this new DOCTYPE.

I thought "DTD XHTML 1.0 Transitional" was correct?

If it helps, I have made a header and a footer html and attached them via include with php. thanks again,

Nik.

EDIT : Problems resolved, thanks again to this site :)


Solution

  • There's not much actually wrong with your site, so don't worry.

    When loading the page in developer tools, IE 8 standards, browser IE 8, it loads pretty much perfect, except the header logo is twice as big as it should be.

    I don't see this in IE8 with IE8 Standards Mode, it looks the same as Firefox.

    When trying in I.E 7 standards, browser IE 7 it looks ok

    This is the same as using your site with Internet Explorer 7. It's good that your website works properly here, because it still has some market share.

    however, IE browser 7, quirks mode, the page breaks down

    Quirks Mode is basically emulating IE5. You do not have to worry about your website working in IE5. A visitor would only see your site in Quirks Mode if you had an invalid doctype that would not trigger Standards Mode.

    Your doctype:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    

    That's fine, and will most definitely trigger Standards Mode.

    Your site does have some validation errors, but none of them are of the fatal variety.