Looking for help to pinpoint the FF - IE differences on this site (3 posts)

  1. dretio
    Posted 10 years ago #

    Dear WordPress community,

    I'm currentley finishing a site for an african project but I have some problems with firefox - IE.

    You can find my website here : http://dev.fixit.be/baobab

    My CSS is over here http://pastebin.com/642171
    My index.html is over here http://pastebin.com/642174

    As you can see, I use a heavy modified version of the goldengray theme.

    These are my exact problems by priority :

    1. The Top menu works ok when you stay on "home" or "pages" but starts bumping up when you click any link on the sidebar (except pictures)

    1.bis In Firefox this is even worse and is completly messed up with to much space.

    >> what could be the problem?

    2. My site is perfectly centered in IE but not in FF. It has to do something with the "text align center" in the body tag - but I can't find it.

    >> what could be the problem?

    Thank you very much for helping me out.
    This site has to go live in the weekend :)

  2. Doodlebee
    Posted 10 years ago #

    I see several boo-boos.

    1) #heading {margin: 28px auto 0;}. If you want the sides to both be "auto", you should have it read "28px auto 0 auto" - you're suppposed to go 2 or 4 calls, not three.

    2) I don't understand why you have the #heading and #header divs at all in the first place. There appears to be nothing there whatsoever. You have the body background set with your header image - not your header div. Although you call for alink in the header div, I don't see one there at all.

    3) you aren't centered in FF because you didn't call for it. Add this line to your #content div: "margin:0 auto;" and that will center your content in the window.

    4) the only "bumping up" I see is when you click on a comment. It's moving the page down to the comment link you're clicking on, that's all. Everything else, the page stays the same.

    I don't understand by what you mena when you say something has too much space?

    I'd run it through a validator, as well - it may catch some glitches you weren't aware of.

  3. dretio
    Posted 10 years ago #

    Doodlebee, thank you very very much.
    I'm just switching from the obvious table design so people like you are a real bless in this cluttered css, IE en FF world.

    I already did some modifications, validation will be done later on.

    The biggest problem at this point is still the bumping.
    I meant the following : when you hover my topmenu everything looks ok.
    But then, click on a general categorie or comment in the sidebar - after that : hover my topmenu again and you will see a small movement in the page.
    In FF you will see the big space between navigation and content - maybe it has something to do with that.

    If I ever can do something to help you out, let me know!


Topic Closed

This topic has been closed to new replies.

About this Topic