NEED HELP! Full screen header & footer

[pc11]

I'm almost finished customizing my look to match my main website. However, I cannot figure out how to adjust the code so that the blue bar at the top, as well as the grey box at the bottom are endless. Currently, they seem to be bound by the main forum width.

You can see it here:
http://www.printcandee.com/forum

Does anyone know how I can fix this? It should look like this:
http://www.printcandee.com

Thank you!

[Lynne]

You've set up margins for the body tag, that is why it isn't going all the way across. Set up another div within the body that contains the part you want to limit the width for and add the margin there instead.

[pc11]

Thanks!

I'm not sure which template to edit to add the new div tag. Can you help me?

[setishock]

What are those pages based on? Wordpress?

[pc11]

Yes, I'm trying to mirror my Wordpress blog.

--------------- Added [DATE]1313606773[/DATE] at [TIME]1313606773[/TIME] ---------------

Originally Posted by Lynne

You've set up margins for the body tag, that is why it isn't going all the way across. Set up another div within the body that contains the part you want to limit the width for and add the margin there instead.

Anybody know how to do this / where I need to make the change? Thanks in advance!

[Lynne]

I can't tell because you have modified the style. I would guess either the header or navbar template and then the footer template.

[pc11]

Is there a general "index" type of layout where I can see the whole layout and make changes there? This is how I've generally been able to do this on other website designs elsewhere.

I've tried editing the header, footer and nav sections, but nothing has worked. That is why I'm here asking.

[Lynne]

I'm not sure what you mean about a index type of layout. There is no way to edit the templates via some big page when you just click on the template.

[pc11]

If you have ever designed a website, you would be familiar with the index.php file that has the basic template/skeleton of the site laid out. So, according to your answer, that's not available with vbulletin.

I guess the consensus is that it's impossible to do this?

[Lynne]

No, it is not impossible to do this. You just need to add a div tag at the beginning of the content you want to have the body margin and then a div tab at the end of the content. This would normally be in the navbar/header template and the footer template.