HTML & CSS
If you can take a look here, http://www.qtmarketcenter.com/index.php in IE 9 or lower the nav menu is not aligned correctly. In IE 10, Firefox and Chrome it looks fine. If you F12 when in IE 9 or lower and change the Document mode from quirks to any of the IE standards, the menu displays properly. What can I do to fix this?
Delete the three lines above the <!DOCTYPE> statement. NOTHING should exist above the doctype.
I'm not sure it matters too much if there's blank space above a doctype. Anyhow, the menu looks the same to me in Chrome, Ff and IE9. Where is it meant to be?
Leeway granted, but
<link rel="icon" type="image/ico" href="favicon.ico">
above the doctype will trigger quirks in IE8 and presumably IE9.
Certainly, but is that what you see? Maybe it's been changed since the first post, as I see nothing above the doctype now except blank space.
An FF screen shot, just for you :
Very wee-ud. In all of my browsers, there are just 3 blank links above the doctype in the source code. :-/
Now there are two doctypes
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><link rel="shortcut icon" href="/favicon.ico" /><link rel="icon" type="image/ico" href="favicon.ico">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Get rid of the second one
May be be better to get rid of the top one since it is not followed by an <html> tag, and move one of the favicon links between the <head> tags. Just a thought.
Yes of course
This topic is now closed. New replies are no longer allowed.