Submenus flying around in CSS Design

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:11

Submenus flying around in CSS Design

Poster: kempelen
Dated: Tuesday March 14 2006 - 20:48:18 GMT

Hi Guys,

We created sites with traditional HTML layout, the menu worked fine. But now, we made some CSS based layouts, and some submenus fly off from their normal position. The error occurs only on Internet Explorer, Firefox is fine!

Example: http://hovslagerforeningen.wpsdemo.com

Any ideas would be welcomed! Many thanks!

Ferenc Veres

Poster: vikenk
Dated: Tuesday March 14 2006 - 21:16:49 GMT

Hi,

I didn't get a chance to take a really close look, but it seems as if you have the menu files placed properly in the <head> section. Others may tell you to move the scripts down and make them the first item in the <body> section.

You have the menu_data file as an ASP file - I'm not sure if that is valid. I'm not certian, though. That may be a question for John, Ruth or Andy to answer.

You only have a partial doctype declared. Try declaring the full Transitional Doctype.

Code:

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

Without a full Doctype, IE may act buggy.

Since the problem has occured after changing to CSS layout, check your CSS carefully. If you have styled the body, td, or table tags directly (styling the default tags without assigning a class), that will likely have an effect of the menu.

I took a quick look at your CSS sheets and it all looks OK, but you should double-check, I may have missed something.

That should keep you busy until someone else can answer :>)

By the way, I think your site is well written. Nicely laid out DIV's and well written CSS. :>)

Poster: kempelen
Dated: Tuesday March 14 2006 - 22:18:48 GMT

Hi,

vikenk: Thanks for the great idea about the doctype, I think that fixed the problem!

Thanks for the nice words, but there is nothing special about that layout, the net is full of great examples and tutorials. ;-)

Best regards,
Ferenc

Poster: John
Dated: Tuesday March 14 2006 - 22:50:16 GMT

Viken, the _data file can be any type that is needed; e.g., .js, .php, .cfm, .asp, etc. It just depends on what you're doing within the _data file.

More freedom from good ol' Milonic :!:

Poster: vikenk
Dated: Wednesday March 15 2006 - 13:16:59 GMT

Thanks John. That's good to know...

I don't know anything about PHP or ASP, but it's something I aspire to learn sooner or later (hopefully sooner).

Poster: Migru
Dated: Wednesday March 15 2006 - 14:55:05 GMT

Hi Viken

I´m actually starting PHP, its necessary that your providers server supports it.

See

http://www.w3schools.com/php/default.asp

Michael

Industrial Strength JavaScript and DHTML Menus

Submenus flying around in CSS Design