2 Layer Div with picture

[Grover]

Hello Sirs, 

I make a small pic
I like to make this kind of layout. But I have a pic (red) inside the header DIV box what is bigger
as the header. The pic is a gif with tranparent background.  I like to have the content and navi starting inside the picture.
My idea is to please the gif inside a bigger DIV box and put this ofer or under the content and navi box.

Is this posible?

Thanks

G.

[jd75]

maybe you could  slice the header in 3 parts and assign them as background images in your css?

So it would be like:

the html part:

Code: Select all

<div id="header"></div>
<div id="nav"></div>
<div id="content"></div>

the css part:

Code: Select all

#header{
  background: url('image_header_part1.gif');
  ...
  ..
  ....etc
}
#nav{
  background: url('image_header_part2.gif');
  ...
  ..
  ....etc
}
#content{
  background: url('image_header_part3.gif');
  ...
  ..
  ....etc
}

Hope this helps

[Grover]

Yes it helps. Thanks. But is there no other way to handle this?

[cyberman]

Have you tried to use a background image for pagewrapper div ?

Another option could be to set the z-index ...

[Grover]

Thanks for the z-index. My template is now some how ...  but it works! nearly.
http://cms.eids.de/mittelalter.html its not final.

But at the top there is a black line. This should be a border around all sides. I am not able to get it work.
If I have a look with IE6 it cut of the h1.
Where I can look?


Thanks

G.