Topic: z-index and positioning question
I have a page with a pretty simple layout already done. What I'd like to do now is overlay some content over this layout without affecting the underlying "real" content.
I guess I'm pretty close but there is one wrinkle, maybe someone can help.
The "real content" lives inside a "containter" div that uses the following css:
margin: 0 auto 0 auto;
That basically "centers" the content when the user changes the width of the window. It's a nice and standard effect.
Now in order to get the "overlay" working I use the following css:
margin: 20px auto 0 auto; /* note: the auto's don't achieve centering here */
left: -30px; /* just some poisitioning for the image content... */
width: 1000px; /* I guess this is irrelevant given the margin stuff doesn't do much */
It seems to get the "overlay working" the 2 important components are: z-index: 10; and position: absolute.
But the minute I say "position: absolute", I can't get the same "page centering" working, which is a bummer because I want this "overlay" to track the underlying content.
Edit: I got it working, so the quoted website below doesn't show the problem anymore
A picture is 1,000 words. Here is the website example: next.wulfram.com
Thanks for listening!
Last edited by Slurpy (2007-02-14 18:46:33)