Posted by Jon Slaughter on 04/16/07 06:33

This stuff is getting on my nerves ;/

I am trying to create a graphical variable size "button" that encapsulates a
fixed position ul for a menu. I cannot get it to work at all.


The button consists of 2 images for the right corners, one images for the
bottom, one for the right most side, and the last for the filler.

You can check it out by hover over one of the links at

http://www.jonslaughter.com/MyPage.html


I want to add corners to the sub menu along with a shadow at the bottom.

I have the graphics and I've been trying for the last 2 hours to get
something to work but everything comes out wrong because I cannot position
absolutely to the fixed position container that holds the ul.

http://www.jonslaughter.com/Test.html


What I need to know is how nested containers with different combinations of
positions work. On my sub menu with a position:fixed and if I do
position:absolute on any element contained in it then my coordinates always
end up relative to viewport.

I've tried many things..

if I do something like

<div style="position:fixed">
<div style="position:relative">
</div></div>

and in the second div dot he coordinates refer relative to the fixed
container of the first? When I do stuff like that in my original code it
totally screws up the menu. That is, I have to have the sub menu as fixed
but when I try to create a container inside that that has relative coords it
then screws up.

Maybe I need to specify something else besides display:inline or block?

This crap is driving me nuts ;/

Thanks for any help,
Jon

[Back to original message]