WordPress.org

Forums

[resolved] FireFox Bug? (5 posts)

  1. msavage123
    Member
    Posted 10 years ago #

    I've developed a WP 1.5.1 3 column theme at http://www.greatdealsforthehome.com and am having problems displaying banner ads between the posts in FireFox only (have only tried v1.0.4), IE is fine.

    When you go to the site for the first time you should notice the first banner ad (in the middle column) is displayed too high and the second is also too high. In order to avoid flickering of the banners I had to wrap the banner html inside a ad-wrap div (padding: 0; margin: 0; height: 65px;) then inside a banner div (position: absolute;
    margin: 0px 0px 0px 0px; text-align: center;). The flicking stopped after I added this style.

    Here's the kicker: when the banners are displayed incorrectly I can resize my browser window slightly and FireFox redraws the banners correctly!

    I'm a CSS newbie so any direction would be appreciated. BTW, I have validated my HMTL and CSS and all checks out OK.

    Thanks.

  2. msavage123
    Member
    Posted 10 years ago #

    OK I saw this problem within WordPress itself. When editing a post the date and time in the Edit Timestamp fields were outside the edit fields! Slightly up and to the left. Has anyone else seen this?

  3. msavage123
    Member
    Posted 10 years ago #

    Got this one figured out. I added an explicit width and height to the post's img and the ads now display correctly. I spawned off my next site and noticed this problem as soon as I added an image to a post. Since I never was able to reproduce this in IE I am assuming this to be a Firefox specific deficiency.

  4. pericat
    Member
    Posted 10 years ago #

    Your 'great deals for the home' site's markup does not validate. I think your ads are importing as HTML rather than XHTML. There may be other issues as well with the ads' formatting, but the main thing is you have to take the outside content into consideration as well as your own, if you want your site to display properly in all browsers.

    Firefox may be deficient, but you can't prove it by this example.

  5. msavage123
    Member
    Posted 10 years ago #

    Thanks for the reply. Yes I agree the HTML does not always validate for the ads until I go through my "correction" process (I actually wrote a separate page that will display all of my ads so I can validate them - which I apparently need to do again). When I was debugging this problem I made sure all of the current ads validated.

    I was able to reproduce the problem with only one ad on another site. It consistently displayed the ad incorrectly when I did not explicitly set the img width/height and always displayed correctly when I specified the width/height.

    Then I went back to the http://www.greatdealsforthehome.com site and started adding img width/height and the problem went away. I am very happy to have figured out the problem especially with the growing popularity of Firefox.

Topic Closed

This topic has been closed to new replies.

About this Topic