Issue with getting top ad to align with forum

[miaow]

Hola. So I'm having some trouble with my forum: definitelyxmaybe.proboards.com

For a while it was because for some odd reason, 'stories around the web' at the bottom page caused this to happen: i45.tinypic.com/2r59rns.jpg
In case you can't tell, it indented the thread so it covered the side table.

I managed to fix this, but now the top ad is covered by the side table and I'm not sure why. I tried removing the side table from my global header altogether and it didn't fix anything: i47.tinypic.com/2ury3ax.jpg (it's only black because that's part of my actual background, not anything in the header).

I THINK it might be something to do with an error I made in the layout templates (forum wrapper?) or Style Sheet, but I'm not 100% on this. All I want is for the top add to align with the bottom one. Any halp would be fab.

[Brian]

Hi, miaow.

The bottom ad is contained in the same div as the forum, so it aligns properly.

The top ad is outside of the div, and thus will center align in the space it inhabits. In this case, the page body, which is the entire width of your browser window.

It's worth noting that you have several tags in your Forum Wrapper that open but don't have any closing tags anywhere. It would probably be ideal to sort these out, or in the worst case, reset that particular template.

[miaow]

Hey. Thank you for replying. Sorry I'm not exactly clear on what I should do? Do you mean that there's no way for it to align or is there a way to have the top ad contained in the same div as the bottom?

I tried resetting it entirely (which I think should solve the div issue?) to default and it still happens in the pages with 'stories around the web': i45.tinypic.com/2ry3dx5.png

I also reset my Style Sheet and it still happens. I removed everything from global headers and all that served to do was make the bottom ad move over.

[Brian]

The way that you have your layout right now prevents you from center aligning it. The ad is contained inside the $[header] variable in the Forum Wrapper, and the Global Header (which moves your forum to the right) always comes after the ad inside the same variable. So nothing aligns to the right until after the ad is displayed.

A way to remedy this would be to move <div id="wrapper"> above the $[header] variable, and move its associated closing </div> below the $[footer] variable. Then use the wrapper div to align your forum rather than the div in your global header.

After doing this, I believe there will be one stray </div> early into your global header that will close the wrapper div early. Find it and remove it.

[miaow]

Ohh that makes more sense. Okay. I moved the div id wrapper above $[header], and I think the closing div is in the right spot now? I'm not 100% I'm not very good at this lol. What would I put to have the div align the forum, and what would I remove from the global header?

Sorry that's a lot of questions, I just don't want to mess it up even more.

[Brian]

If the $[header] variable and everything else are inside <div id="wrapper"> they should all center with each other as long as wrapper surrounds everything.

[miaow]

It didn't work. :/

[Brian]

The wrapper is still ending early because of the </div> I mentioned previously.

In your Global Header:

<!--end of content-->
</div>

After removing that, you can align the forum to the right in the same fashion you did previously, except you would apply the styles to the wrapper div in the layout templates.

I'd also advise viewing the source of your forum in Firefox, which will color any HTML errors on the page red (you can ignore anything in red that's related to the ad banner, as that's on our end).

[miaow]

I deleted the div and moved the styles to the layout templates and it's still happening.

[Brian]

I've gone in and moved it for you.

[miaow]

Thank you so much. <3