Coffeecup HTML Editor - new CSS menu...

User 98592 Photo


Ambassador
44 posts

http://www.ottawasportphysiotherapy.com/template.html

There should be a submenu under "services". It works great in Firefox, but IE8 does not show the submenu.

I'm not familiar enough with CSS to figure it out on my own. Any ideas on what is causing the problem?
User 184085 Photo


Ambassador
1,707 posts

Also does not work in IE7

works in Opera and Chrome
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 184085 Photo


Ambassador
1,707 posts

Maybe related to you having a menu inside of a table.. just a guess.
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 46819 Photo


Registered User
28 posts

Douglas,

I'm not sure you have a problem. When you start from the Home page - http://www.ottawasportphysiotherapy.com/index.html - in IE8, the flyout menu works fine under services. Why would you start from template.html?

The submenu for About US also shows up in IE8.

I will look at your CSS file this evening to see if I can line up your menu with the left border in IE8.
User 463058 Photo


Ambassador
1,058 posts

Douglas Coughler wrote:
There should be a submenu under "services". It works great in Firefox, but IE8 does not show the submenu.

I'm not familiar enough with CSS to figure it out on my own. Any ideas on what is causing the problem?


This is due to your page putting IE browsers into quirks mode. Two things you need to fix, and then the menu will work fine.

This is what you have:

<!-- There is a blank line here above the Doctype -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


First you need to remove the blank line above your doctype. That throws IE into quirks mode. Secondly, your doctype is incomplete so it also throws IE into quirks mode, even without the blank line above it. So basically, remove the blank line above the doctype which should be the absolute first thing the browser sees, and replace the doctype with this complete one:

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


Ambassador
1,058 posts

Jim Jacobus wrote:
I'm not sure you have a problem. When you start from the Home page - http://www.ottawasportphysiotherapy.com/index.html - in IE8, the flyout menu works fine under services. Why would you start from template.html?


It would seem that template.html is a test page. The index page itself uses the old DHTML menu.
User 98592 Photo


Ambassador
44 posts

Thanks Cary! That did the trick!:D
User 1941307 Photo


Registered User
19 posts

Speaking of DOCTYPES, can someone clarify the difference between the two below? I have the first one on my pages. Is one more correct than the other? Which one should I be using?

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


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


Ryan
User 463058 Photo


Ambassador
1,058 posts

Strict is for pages without deprecated or non-standard code. Transitional should be used for other pages. XHTML 1.0 or HTML 4.01 should agree with whether you are coding your pages as xhtml or html. So, this gives four different doctypes to choose from.
User 463058 Photo


Ambassador
1,058 posts

Here you can find various doctypes:
http://www.w3schools.com/tags/tag_DOCTYPE.asp

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.