Full width footer/header on 960gs

[Alex 801]

Hi,

I have a problem I hope someone can help with.! I have partially (unfinished) designed a website in Photoshop and converted it to CSS with an online converter. Everything looks fine but I want the header and footer to be 100% width with the rest of the content remaining within the 960 centered grid.

Is there a way to do this, the online converter uses a slice of the entire design and places it as a background image but I don't want to do this as I have another image I want to use in the background.

I'd really appreciate any help that can be offered.

Many thanks

Alex

[ijs174940]

You will need to nest the 960px region inside a 100% div, example

div.100{
margin-right:auto;
margin-left:auto;
position:static;
width:100%;
min-width:960px;
max-width:1600px; /* this can be changed used only as a guide*/
}

div.960px {
margin-right:auto;
margin-left:auto;
position:static;
width:960px;
}

Working with div straight off is not for the faint hearted but there is an extension by the old Interakt guys which makes this a breeze,

http://www.extendstudio.com/product/tableless-css-layouts-for-dreamweaver.html

Besides that there is always the free DMX Zone 960 extension

http://www.dmxzone.com/go?18032