CMS Made Simple Forums

Posted: **Mon Aug 14, 2006 1:25 pm**

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.

Posted: **Mon Aug 14, 2006 7:08 pm**

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

Posted: **Tue Aug 15, 2006 7:18 am**

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

Posted: **Tue Aug 15, 2006 7:43 am**

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

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

Posted: **Tue Aug 15, 2006 2:13 pm**

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.

CMS Made Simple Forums

2 Layer Div with picture

2 Layer Div with picture

Re: 2 Layer Div with picture

Re: 2 Layer Div with picture

Re: 2 Layer Div with picture

Re: 2 Layer Div with picture