How do I make Header wider than sheet


Author Message
Robin

Posted: 10/11/2011
Quote message 

I want to make a header wider than the sheet by about 200 px. Wider than the sheet but not page wide. Is there a way to do this? I am brand new, but I didn't see anything that addressed this.
 
Garry

Posted: 10/11/2011
Quote message 

Select the header length: page width from Header-> length than decrease the header width and add some margin left from following styling rule:

I just changed following styling rule:

div#art-header-bg {
height: 150px;
left: 0;
margin: 0 auto;
overflow: hidden;
position: absolute;
top: 51px;
width: 100%;
z-index: 0;
}

----
To:
----

div#art-header-bg {
height: 150px;
left: 0;
margin: 0 auto 0 5%;
overflow: hidden;
position: absolute;
top: 51px;
width: 90%;
z-index: 0;
}

 
Robin

Posted: 10/12/2011
Quote message 

Thanks I will see if that works. I'm working with large images here, height about 300 and width 700. What I was trying to get at was something like this:

http://www.sfarwa.net/

You can see that the background colors and the header colors match, so it appears like several items are extruding over the top and sides of the header.

Thanks again,
Robin
 
Gina

Posted: 10/12/2011
Quote message 

It the example you've provided the width of both header and the body sheet are fixed in pixels, you can do the same by adding width: 700px; to header and width:500px; to you body sheet, for instance.