MyBB--- Ads shown fine in IE but distorted in firefox!

[geekology]

Hi All,

I am trying to display ads in footer of my forum as shown in attached files, As you can see from the two files the display is distorted in firefox(firefox_distorted_image.zip) while is proper in IE6(IE6_correct.zip). For your convenience I have encircled the ad in red, which is overlapping the links section( links section is the one which contains links like "Contact Us", "Return to Top") of footer

I have created a div in my footer:

<div class="footer_ad"; style="width:100%; float:right" align="center">
<!-- Begin BidVertiser code -->
<SCRIPT LANGUAGE="JavaScript1.1" SRC="http://bdv.bidvertiser.com/BidVertiser.dbm?pid=xxxxx&bid=xxxxx" type="text/javascript"></SCRIPT>
<noscript><a href="http://www.bidvertiser.com">online advertising</a></noscript>
<!-- End BidVertiser code --> </div>


Then in additional CSS under themes. I have placed this:


.footer_ad {
display: block;
}


Can someone suggest how can i prevent the ad section from getting distorted in firefox?

[geekology]

Suggestions please?

[rockinaway]

Try this for your code:


<div class="footer_ad" style="width:100%; float:right;" align="center">
<!-- Begin BidVertiser code -->
<SCRIPT LANGUAGE="JavaScript1.1" SRC="http://bdv.bidvertiser.com/BidVertiser.dbm?pid=xxxxx&bid=xxxxx" type="text/javascript"></SCRIPT>
<noscript><a href="http://www.bidvertiser.com">online advertising</a></noscript>
<!-- End BidVertiser code --> </div>


And this for you CSS:


.footer_ad {
display: block;
padding: 5px;
}

[geekology]

still I can see different display on IE and FF. While on IE its still correct, on FF the ads have gone completely inside the links box.( I think because of the introduction of padding). i want to take the ad out and have a seperate box of their own as in IE.

[rockinaway]

<div class="footer_ad" style="width:100%; float:right;" align="center">
<!-- Begin BidVertiser code -->
<SCRIPT LANGUAGE="JavaScript1.1" SRC="http://bdv.bidvertiser.com/BidVertiser.dbm?pid=xxxxx&bid=xxxxx" type="text/javascript"></SCRIPT>
<noscript><a href="http://www.bidvertiser.com">online advertising</a></noscript>
<!-- End BidVertiser code --> </div>

Have you tried that? Because in your actual code (had a peek at your website), you have some syntax problems.

[geekology]

yes I am using this code only...Can you tell whats the problem you see with my actual code?

[geekology]

I have got the solution for this... just in case some one else face the same problem

Put your code inside table and problem is solved!

<table align="center">
<tr>

<td>
<div class="footer_ad"; style="width:100%; float:right" align="center">
<!-- Place your ad code here-->
<!-- Begin BidVertiser code -->
<SCRIPT LANGUAGE="JavaScript1.1" SRC="http://bdv.bidvertiser.com/BidVertiser.dbm?pid=xxxxx&bid=xxxxx" type="text/javascript"></SCRIPT>
<noscript><a href="http://www.bidvertiser.com">online advertising</a></noscript>
<!-- End BidVertiser code -->
</div>
</td>

</tr>
</table>