Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Nov 2006
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How do I troubleshoot a CSS display problem in Firefox that resolves on reload?

    I've been working on a site for several weeks now and still can't fix a really awful display problem, only viewable in Firefox:
    http://www.thebluebirddiner.com/menu_beverages.php

    You may not see the issue at first, but try clicking on other top-level nav items and you'll see it. The list which comprises the nav gets broken up, and I cannot for the life of me understand why. This problem only occurs in product, not my local machine. To make it more frustrating, the nav appears perfectly when you reload the page! I've messed around with my css and tracked down every firefox css bug I could find. I even tried throwing in a javascript call to automatically reload the page just once and that doesn't fix it.

    How on earth do I go about troubleshooting this further? I'm at my wit's end.

  • #2
    New to the CF scene
    Join Date
    Nov 2006
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    It's the ordering, stupid

    I had no idea ordering could be so important, but evidently it is, even when elements are uniquely identified.

    Here's the scoop. In my CSS files, I listed the classes for my navigation after the classes which handled my headers and a few other bits. I moved them to the top, just under body and the basic text formatting classes and, voila!

    Now, I don't know why Firefox is so delicate about this sort of thing. Frankly, it ticks me off a little. But I think I figured it out and that's all that matters.

    (Hopefully) Resolved.

  • #3
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    That was not the problem at all but related to giving size to the images. Giving negative padding values doesn't help either (invalid).


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •