IE breaking page, and invalid markup validation_问答_开发者

IE breaking page, and invalid markup validation

开发者 https://www.devze.com 2023-03-08 18:55 出处：网络

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 bi开发者_开发知识库g 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 :)

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.

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

Shrug, who cares? Quirks Mode is an emulator for IE 5.5, which no-one has used in years. You might today still worry about about what it looks like in IE6 Standards Mode, depending on who your audience are, but certainly nothing earlier than that. As long as your <!DOCTYPE> declaration is in place as it is now, no-one will ever see your page rendered in Quirks Mode.

I thought "DTD XHTML 1.0 Transitional" was correct?

Yeah, it is. The validator is just warning you that you've chosen to ignore the doctype on the page, in favour of explicitly using XHTML 1.0 Transitional (which is the same doctype as on the page anyway, but the warning doesn't notice that). Just leave the “document type” dropdown on the validator form on ‘(detect automatically)’ and the warning will go away.