Nav bar beautiful in firefox, borked beyond recognition in IE - Help with CSS (4 posts)

  1. Ron Pemberton
    Posted 11 years ago #

    I have worked hard to learn how to render just the kind of nav bar I want. Yes, I started with the Codex, and I have studied the examples over at Listamatic. But, now that I have what I want in Firefox, it is so borked in IE that it has made the entire header - and, get this - footer render completely out-of-whack.

    Could someone please look at my CSS and tell me what I can do to render properly in both browsers. If you could point me in the right direction I would be most grateful.



  2. Monika
    Posted 11 years ago #

    I can't see your headerimg in firefox
    and so:
    figure out:
    margin-left:0px!important; (for browsers)
    margin-left:5px; (for the IE) (=5px =ie)

    also for the footer

    firefox and IE using margin and padding in a very different way,


  3. Ron Pemberton
    Posted 11 years ago #

    Hi Monika,
    The image not rendering, I should have mentioned above. That is a png with a transparent background being rendered by the Image Headline plug-in found at coldforged.org. It's a separate work in progress. There is a php solution that would normally work, but, since it is from an external file I'm having to figure out a work-around for it. You can see what is supposed to look like by viewing in Firefox.

    Anyway, I'm employing your suggestion. It seems to move the main header image around, but not effecting the nav bar at all. Any suggestions?

  4. Ron Pemberton
    Posted 11 years ago #

    I was able to straighten out the header image and the footer by adding margin-right to the CSS. And, this also aligned the nav bar from left to right. But, it is still really skinny compared to Firefox.
    Any suggestions from anyone would be appreciated.

    Thanks in advance!

Topic Closed

This topic has been closed to new replies.

About this Topic