Broken Ad on the right of forum

[spinko]

I recently updated from vb3 to vb4. Since then, we have had some challenges with posts when an ad that I "jimmied" on to the right side of the forum is in place. The forum becomes extremely wide. It only persists when only specific circumstances are met:

1) It's only affected on IE 7 or older (or 8 and up with compatibility mode on), FF and chrome are fine.
2) It's only in an actual post, all other pages are fine.
3) You have to be logged in to see it. When you're logged out, it's fine.

In the header template, I have the following:

At the very bottom:
<!--Side advert -->
<table width="100%" border="0" cellpadding="5" cellspacing="5" align="center" style="padding: $stylevar[cellpadding]px;" class="page">
<tbody>
<tr>
<td valign="top">

<!--end side advert -->


In the footer Template:

After: {vb:raw ad_location.ad_footer_start}
{vb:raw ad_location.global_above_footer}
<div id="footer" class="floatcontainer footer">

I have:

<!-- side ad -->
</td><td width="100" valign="top"><a href='http://rapp.bc.ca/' target='_blank'><img src='http://www.huntingbc.ca/adverts/RAPPlogo100x128.gif' border='0'></a>

</td>
</tr>
</tbody>
</table>
<!-- /side ad -->


Thoughts? It seems like as soon as I put a table there it gets goofy. Any suggestions would be fantastic.

[Lynne]

You are putting the whole page into a table just so you can put an ad on the side? Why not just put your ad in a <div> and float it right? Look at how the sidebar code is done.

[spinko]

As you can tell, I'm a hack, lol. I can figure out how to work the div, where would I put it though? Anytime I try to put it next to the page it usually winds up in strange places. I want it beside the forum, not in it.

Thanks for your help Lynne, it's appreciated.

[Lynne]

Did you look at the css for the sidebar? It's floated to the right and given a width. Then the main container is floated left and given a right-margin.
#sidebar_container { float: right; margin-bottom: 3em; padding: 17px 0; width: 270px;}
#content_container { float: left; margin-right: -290px; padding: 10px 0; width: 100%;}

[spinko]

Awesome! I'll give it a go tonight when my forums get quiet. I appreciate the help.

[Lynne]

You can always create a style that users cannot see and try things out on there. :) (Or, better yet, do it on your test site and then export the style from there and import it to your live site when you get it how you want.)

[spinko]

I've been reading and It seems like the sidebar will show up on the forum pages, I need this on all pages (hence using the header/footer templates). What template would I dump this into to achieve what I'm after?

--------------- Added 1301285906 at 1301285906 ---------------

You can always create a style that users cannot see and try things out on there. :) (Or, better yet, do it on your test site and then export the style from there and import it to your live site when you get it how you want.)

Great suggestions... color me lazy.

[Lynne]

I would try the footer template first. It's really up to where you want it to be.

[spinko]

Hrmm, been messing with this for a few hours now, can only get it to display in-line, not down the sides. I think this is why I wrapped a table around the page before. I'm really starting to hate IE.

[Lynne]

We can't help if you don't post a link so we can see what is happening.

[spinko]

I've found another solution for now. Thanks for your help.