Problems with DHTML menu
First of all you need to need to consider how your final page will appear and how the page will work in a variety of browsers. Part of your current problems stem from the fact that you are using absolute positioning for your menu, yet your page itself is centred and uses percentage widths (rather than fixed pixel widths).
Decide whether you are going for a centred page or not. Is the page going to be a fixed width? OR is it going to be fluid?
Once you have made these decisions, then you can start planning exactly where elements are going to go (and where they're hopefully going to stay!).
If you plan on using the dhtml menu generator, make sure you give it accurate information. For instance if your menu is to sit underneath the logo, you need to calculate the height from the top of the browser window to the base of the logo. In your current design this height varies depending whether you view in IE or Firefox. To fix this, you'll need to set the margins for the body (preferrably in a CSS stylesheet).
Once you've got your menu script generated, you should save it as an external .js file and reference it from your pages.
Also, you realise that this menu will not be spiderable by search engines (try turning off Javascript in your browser to check this).
Good luck!
Paul
PS. I'm moving this thread into Site Design, as its becoming more of a design issue rather than a programming one!
|