Thu, 2004-01-22 09:30
hi again,
one of my friends is trying to make a website and he has a css problem on the first page he made ! and i can't help him !
look at : http://tomekmusic.free.fr/test/
what he wants is the menu div (black background and olive border in top left) to overlap the content div (main div with the background image)
is there any way to force the black background of the menu div to overlap the background image of the content div ?
thanks !
Thu, 2004-01-22 11:40
#1
my friend's site
Hi florent,
You could position the menu and set a z-index to get the menu above the content.
Hope that helps
Thu, 2004-01-22 12:43
#2
my friend's site
hi tony, thanks for your input !
i've tried giving the menu "z-index : 1" but it doesn't work...
what do you mean by "position the menu" ? set a "position : absolute" or something ?
Thu, 2004-01-22 22:19
#3
my friend's site
Hi Florent,
for z-index to work correctly you need to position the element either absolutely or relative.
Every positioned item has a z-index set by the browser, all positioned elements are above non-positioned elements and are given a stacking order by the order they are defined in the html.
If you set main, content and menu to position:relative; and give menu a higher z-index then content, you should get close to what you are after.
Hope that helps
Sat, 2004-01-24 20:22
#4
my friend's site
thanks very much tony, that works perfectly ! 
:oops: i didn't know that thing about z-index and position being "tied" together... :roll: