ucsbgaucho
Technical User
I've got a website design where I have two layers that I want centered on the screen, no matter what size monitor someone has. I've used the <div> thing for centering html content just fine, but it doesn't seem to do anything with layers. Here's what I have:
Layer 1: Navigation menu, 900px x 130px... drop down menu that needs to overlap the other layer, so when you roll over one menu item where your choices slide down, the choices show over the top of the other content
Layer 2: Normal content of site. Will be flash animation, or text, etc. Will change on each page.
I can't seem to get layer 1 aligned to the center with layer 2, and have layer 1 positioned just above layer 2 but overlapping, so when the menu bar is static, it rests on top of layer 2, but when you roll over a menu item, the drop-down part comes down over the other content.
Any help?
Layer 1: Navigation menu, 900px x 130px... drop down menu that needs to overlap the other layer, so when you roll over one menu item where your choices slide down, the choices show over the top of the other content
Layer 2: Normal content of site. Will be flash animation, or text, etc. Will change on each page.
I can't seem to get layer 1 aligned to the center with layer 2, and have layer 1 positioned just above layer 2 but overlapping, so when the menu bar is static, it rests on top of layer 2, but when you roll over a menu item, the drop-down part comes down over the other content.
Any help?