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

Discussion in 'Forum Management' started by geekology, Jan 31, 2008.

  1. #1
    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?
     
    geekology, Jan 31, 2008 IP
  2. geekology

    geekology Well-Known Member

    Messages:
    545
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    110
    #2
    Suggestions please?
     
    geekology, Feb 3, 2008 IP
  3. rockinaway

    rockinaway Guest

    Best Answers:
    0
    #3
    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):
     
    rockinaway, Feb 4, 2008 IP
  4. geekology

    geekology Well-Known Member

    Messages:
    545
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    110
    #4
    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.
     
    geekology, Feb 4, 2008 IP
  5. rockinaway

    rockinaway Guest

    Best Answers:
    0
    #5
    <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.
     
    rockinaway, Feb 5, 2008 IP
  6. geekology

    geekology Well-Known Member

    Messages:
    545
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    110
    #6
    yes I am using this code only...Can you tell whats the problem you see with my actual code?
     
    geekology, Feb 5, 2008 IP
  7. geekology

    geekology Well-Known Member

    Messages:
    545
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    110
    #7
    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>
     
    geekology, Feb 5, 2008 IP