How could I make these two pages the same? Please :-)

How could I make these two pages the same. To be more precise... they both use the same style sheet and the code is taken form the wordpres blog and put into the sites main pages to provide the header and background color but you can see that the top horizontal bar is full width in the blog version and only page width in the main site version.

Main site: http://thealgarvepropertymarket.com/

Blog site: http://www.thealgarvepropertymarket.com/blog/

I would like the top horizontal bar to be page width as in the main site.

Any ideas anyone?

Thanks

Mike

 

In your blog stylesheet, try amending the following

#header {
	height: 61px;
	background: url(images/img02.gif) repeat-x;
}

Code (markup):

to

#header {
	width: 700px;
	height: 61px;
	background: url(images/img02.gif) repeat-x;
}

Code (markup):

 

Yes that worked a treat but now it is set to the left of the page.

http://www.thealgarvepropertymarket.com/blog/

I have tried to centre it with:

#header {
   width: 881px;
   height: 61px;
   background: url(images/img02.gif) repeat-x center;
}

Code (markup):

Not moving it.

Any ideas?

Thanks you I appreciate your help.

 

#header {
   width: 881px;
   height: 61px;
   margin: 0 auto;
   background: url(images/img02.gif) repeat-x center;
}

Code (markup):

 

WOW what would I do without you guys I take my hat off to you.

1000 thank you's and I really appreciate your help.

Have a great day

Regards

Mike

 

Copy source....and all external style sheets. Thats it.