UseBB Community

I am using a modified version of the standard template, and recently tried to add a banner to the top of my forum. The problem I have is that a small gap appears underneath the banner (with the background visible) in Firefox. I'm guessing that I need to add something like margin-top:0 somewhere in styles.css, but haven't managed to find a solution.

I'd be grateful for any advice offered.

Scott

Could you post a link where this problem can be seen?

Thanks for your response Dietrich. The problem can be seen at:

http://www.spectrumxenon.info/

The gap doesn't appear in IE, only Gecko-based browsers.

Looked with IE7 and FF 2.0.0.2, I see what you mean, but after thinking about it, not sure myself.

May be add...

<div align="center"></div>

or

<div align="center" style="margin-bottom: 0px;"></div>

instead of...

<p align="center"></p>

Have just tried both suggestions but unfortunately am still getting the same result.

Same here, went ahead and trying it myself on my for now testing forum.
http://www.wmcintosh.com/usebb/

No resolution yet, not sure I can.

Well, I have no idea, image I had in place for testing is gone.

Thanks for efforts. Does anyone else have any ideas what might be wrong?

Setting the font-size of the div to 0pt and adding a margin-bottom of -1px works. Though, I have not tested this in any other browser than Firefox and there is probably a better solution.

Following your advice, I've found two solutions that seem to work. Simply setting the font-size to 0 and removing the margin-bottom looks OK. Alternatively just having a margin-bottom on its own set to -2px also solves the problem.

Thanks for your help.