On a page im trying to buildt i cant get the z-index to work

Look at:
<http://home19.inet.tele.dk/jgom/alskaer/>

The logo goes under other elements, even it has z-index 200 and the other elements has 10 and 100

(it goes under all elements with a z-index)

Anny ideers ??

I don't see a z-index????

Its in the css

<http://home19.inet.tele.dk/jgom/alskaer/css/setup.css>

Hmmm. the logo is absolutely positioned, but it's not, if you see what I mean.

Ah, you have two style sheets attached.

Hmmm. the logo is absolutely positioned, but it's not, if you see what
I mean.




No ?? .. dont get that

I have to position it to get it where i want it:

position: absolute;
z-index: 200;
right: 15px;
top: 135px;

The funny thing is... If i remove all Z-index the logo gos on top as it shud

Ah, you have two style sheets attached.




yes... one for the setup and one for style (color, font, bg-image and so on)

I'd only looked at the first one, where you had position: absolute; but no specifications for the position.

Anyway, looks like you found the solution

Anyway, looks like you found the solution




Yes kind of .. If i dont want to make use of Z-Index ... but i woud like to be able to do that

And i dont understand why they dont work

Change this -

<div id="pagehead">
<!-- Page Picture, Logo and Title -->
<h1 id="pagetitle">Alskaer</h1>
<div id="sitelogo">
<img
src="http://home19.inet.tele.dk/jgom/alskaer/grafik/alskaer-logo.png" alt=""
/></div>

to this -

<div id="sitelogo">
<img
src="http://home19.inet.tele.dk/jgom/alskaer/grafik/alskaer-logo.png" alt=""
/></div>
<div id="pagehead">
<!-- Page Picture, Logo and Title -->
<h1 id="pagetitle">Alskaer</h1>

Or - make div#pagehead have a z-index of 200.

--
Murray

Thanks Murray

But im stil puzzeld over what is going on ?
maby you can clear this for me

example

IF:

<div style="z-index: 10" id="lay1">
<div style="z-index: 200" id="sub1">
</div>
</div>

<div style="z-index: 10" id="lay2">
<div style="z-index: 100" id="sub2">
</div>
</div>

sub1 will go under sub2 becaus lay1 and lay2 has the same z-index ??

Or how can it be explaind ??

Hope my question/konfusin make sens

The div with a z-index of 200 was a descendent of a div with a z-index of
10. That was the problem.

My suggestions were -

1. Move the div with the z-index of 200 OUT OF THE parent div, or
2. Make the parent div also have a z-index of 200

Either of those would work.

I'm not crazy about your use of absolute positioning though. There's no
need for it on that page....

--
Murray