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?
Doug Coughler
Ambassador
44 posts
david wilson
Ambassador
1,707 posts
Also does not work in IE7
works in Opera and Chrome
works in Opera and Chrome
Volunteering to help 
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
david wilson
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/
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
Jim Jacobus
Registered User
31 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.
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.
Cary
Ambassador
1,073 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?
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">
<!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">
Cary
Ambassador
1,073 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?
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.
Doug Coughler
Ambassador
44 posts
Thanks Cary! That did the trick!
Ryan Clark
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?
Ryan
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
"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
Cary
Ambassador
1,073 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.
Cary
Ambassador
1,073 posts
Here you can find various doctypes:
http://www.w3schools.com/tags/tag_DOCTYPE.asp
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.
