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> Code (markup): Then in additional CSS under themes. I have placed this: .footer_ad { display: block; } Code (markup): Can someone suggest how can i prevent the ad section from getting distorted in firefox?
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> Code (markup): And this for you CSS: .footer_ad { display: block; padding: 5px; } Code (markup):
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.
<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> Code (markup): Have you tried that? Because in your actual code (had a peek at your website), you have some syntax problems.
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>