2 replies [Last post]
C-Eye
Offline
newbie
Last seen: 11 years 10 weeks ago
Joined: 2003-06-18
Posts: 2
Points: 0

I'm using a freeware DHTML pop-up menu script and could really use some help. I originally used 'absolute' position in the style tag and all the menus display exactly where I want them in Mac IE 5.2, but when viewed on Windows, the menus are all over the place. In Mac IE the menus always stay in the same position directly under each rollover image, but in Windows they move depending on the size of the browser window. I found that the 'absolute' value is suppose to position the menus from the top left corner of the page so it makes sense that they should move when you resize the browser, but on the Mac they do not.

http://www.c-eye.net/test/absolute.html

So I tried to use 'relative' position for the menus which causes another problem. The menus now cause my rollover buttons to not line up correctly and I can't figure out why. I'm sure I could get the position of my pop-up menus where I want them if I use 'relative' but I can't overcome the problem it causes with my layout. Why does changing this one value cause so much trouble?

http://www.c-eye.net/test/relative.html

Basically I want the pop-up menus to display directly under each rollover button on both Mac and Windows IE without screwing up my layout. Can anyone help?

Tags:
Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 47 min 12 sec ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5108
Points: 2704

DHTML menu position problems

Hi C-Eye,
Firstly you should try to validate your html at [url=http://validator.w3.org/check?uri=http://www.c-eye.net/test/relative.html&charset=(detect%20automatically)&doctype=(detect%20automatically)&verbose=1] World Wide Web Consortium[/url] Don't be discouraged by the number of errors, usually most are repeated and going through them is a great learning experience.
Once you have a valid page then make sure the doctype has valid path to the DTD such as
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> That will make most recent browsers render as close to the standards as they can.

I'd be glad to offer more advice once you have got that far.
Making those changes will change how the browsers render the page so to offer other advice now will be pointless.
Let us know once you're done.

C-Eye
Offline
newbie
Last seen: 11 years 10 weeks ago
Joined: 2003-06-18
Posts: 2
Points: 0

DHTML menu position problems

Well, I decided to try something else. I found out the Dreamweaver MX has built-in ability to create similar pop-up menus and they work great. I wish I had known about this earlier, but I'm new to Dreamweaver.

BTW - my test pages from the post above have been removed.

I appreciate the advice, but I really don't have the time to get the original script working. Thanks to the WYSIWYG, I got the results I wanted.