Help with layers please

[michael]

I am making a simple dropdown menu using layers (DIV tag) and it works fine.
However the main content of the page is centered in the window.
Not having used layers before, I have just found out that thier posistion is relative to the top-left window corner so that they are in the same posistion (relavtive to the window) no matter what the window size is.

This don't help me.

So, is there a way to make a layer stay in the posistion you put it, just like any other item.

You know what I mean...if you make a table or layout table and then put an image in it somewhere, the image will always be in that same posistion no matter what size the browser window is.
Can that be done with layers.

Thanks in advance.

[khalidali63]

just use css property
position:absolute;

[michael]

OK the page in question has an internal style sheet.
I have mucked about with it and added a few bits to it like:
div { position:static; }
div { position:relative; }
div { position:absolute; }
(not all together...lol)

but it don't seem to change the layers posistion, both layers still have a possition absolute to the window.

[khalidali63]

if you do it right it works as described,is it possible for you to post a link here so that some one can take a look?

[michael]

I just uploaded it to my server, you can view it here...

http://www.gwytherwebdesign.co.uk/testpage.html

The links in question are Essential Oils[B/] and [B]Book Keeping

you will see that a layer pops up on MouseOver.

When view at full screen (high screen res) the layers are in the right place but make the window smaller and it all goes haywire.

Thank you.

[khalidali63]

you should be able to get a menu/navigation system already written by some one at this line

http://www.dynamicdrive.com