Banner width in resolutions

[RedTrinity]

Hi guys,

Well at the moment I have a banner problem I am hoping to find some help with!

We have an 900x130 header banner for our forum, but the problem is that the forum alignment with the banner changes in different resolutions

With low resolutions, the forum/banner alignment appears fine. But in higher ones (like mine), the forum is too wide and the banner is about 10cm off on either side. Then of course if I increase the banner width to match the forum for higher resolutions, it causes a horizontal scrollbar issue with lower ones as the banner becomes far too wide.

Is there a way to get around this problem? Our forum needs some kind of header, but I dont know what I can do to get around this problem. How have other people dealt with it?

Here is our forum: http://www.theparentingsanctuary.com.au/forums

Thanks in advance for suggestions!

[Lynne]

I can't get your site to load. But, I would guess what you need to do is pick a background color or tile something in the background of the banner column and then center the banner in there. Or, make a banner that can easily be split into parts and have some background image/color fill the space.

[WEBDosser]

lol.. you are using phpBB.. you should go to there website for help.

[RedTrinity]

Oh sorry, that was the link to our old forum we just converted from! Didn't mean to post that.

It should have been http://www.theparentingsanctuary.com.au/forums

Would appreciate any help in regards to my original post.

Cheers

[Lynne]

You might want to make the forum width go all the way up to the top and then fill in the background of the banner cell with a matching blue for when the forum is stretched wide. That will stop the forum from getting any smaller in width than the banner though.

[RedTrinity]

Originally Posted by Lynne

You might want to make the forum width go all the way up to the top and then fill in the background of the banner cell with a matching blue for when the forum is stretched wide. That will stop the forum from getting any smaller in width than the banner though.

Hi Lynne,

Thanks for your advice, would you mind giving me more information on how I would do this? I am not very good with styling so I am not sure how to go about your suggestion

Thanks so much!

[Lynne]

I'm terrible at talking html without doing it. I'm a trial and error htmler. But, right now you have:

 <table><tr><td>
<div>banner</div>
<div>navbar and content</div>
<div>footer</div>
</td></tr></table>

I might try:

 <table><tr bgcolor="matching-blue-banner-color"><td>
<div>banner</div>
</td></tr>
<tr><td>
<div>navbar and content</div>
<div>footer</div>
</td></tr></table>

[RedTrinity]

Originally Posted by Lynne

I'm terrible at talking html without doing it. I'm a trial and error htmler. But, right now you have:

 <table><tr><td>
<div>banner</div>
<div>navbar and content</div>
<div>footer</div>
</td></tr></table>

I might try:

 <table><tr bgcolor="matching-blue-banner-color"><td>
<div>banner</div>
</td></tr>
<tr><td>
<div>navbar and content</div>
<div>footer</div>
</td></tr></table>

Ok thanks Lynne, so would this be for my HEADER template? This is what I have at the moment for it...

<table width="90%" align="center" cellspacing="0" cellpadding="0"><tr><td>

<style>
<!--
a {text-decoration:none}
//-->;
</style>

<!-- logo -->
<div align="center" width="100%"> 
<a name="top"><a href="http://www.theparentingsanctuary.com.au/forums"><img src="http://www.theparentingsanctuary.com.au/rainbowbanner.png"></a></div>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output

Or am I looking at the wrong file?

Cheers

ETA: Got it!!! I think it looks much better now!! Thanks so much for your help Lynne, really appreciated

[Lynne]

That does look much better!