[resolved] CSS Help! Disparity between Firefox and IE display. (5 posts)

  1. papadoc
    Posted 7 years ago #

    Hello, all,

    I built the website http://www.elephantwords.co.uk while using IE as a browser, and it looks exactly how I want it to. However, there's an issue with the way it displays in Firefox, and I've not been able to work out what it is. (I appreciate that this isn't a FF flaw, so much as just a difference in display protocols.)

    Above and below each post, there's a small navbar with a "first post" - "last post" thing going on. In IE, it displays as it should, with the currently viewed post's title pushed to the next line below the navigation, flush with the side of the column.

    However, Firefox seems to be ignoring the formatting that pushes the post's title down, and just sticks it in the middle of the navigation links. This is irritating at best, but when the posts have long titles, it's ugly as hell.

    Can anybody see at a glance what I'm doing wrong, here? I can post CSS and code if anyone needs it to make a diagnosis/help me out!

    Thanks in advance,

    Nicolas Papaconstantinou

  2. DianeV
    Posted 7 years ago #

    It looks the same way in Opera as in Firefox.

    Tell you what: it's generally problematic to design in IE first, and then try to fix errors in Firefox because IE has some well-known display bugs that appear when you code standardly. Therefore, you may be coding incorrectly in order to get things to display properly in IE ... but they're hard to fix in other, more standard browsers.

    Try testing first in Firefox and then fixing for IE.

  3. papadoc
    Posted 7 years ago #

    DianeV, that's fine, and is what I already plan to do with future projects. I have acknowledged that it isn't a Firefox fault.

    That said, this website is now already done, and in use, and works as I want it to aside from this one cosmetic thing, which IS working in IE and not in Firefox, so I was hoping that someone might be able to help me fix it? Do you have any ideas...?

  4. obscure
    Posted 7 years ago #

    You have quite a few errors (see http://validator.w3.org/check?uri=http%3A%2F%2Felephantwords.co.uk%2F&charset=%28detect+automatically%29&doctype=Inline&group=0) which can often be a cause of cross browser differences. sorting those may well resolve the issue.

  5. papadoc
    Posted 7 years ago #

    It turned out that it was a fairly simple matter of duplicated div tags and the need for a call of clear: both.

    IE was more forgiving of the screwy code then FF and others, is all.

    Thanks for trying to help, obscure. I already knew that it didn't validate, but I'm happy enough to have a site that works, which, thankfully, it now does.

Topic Closed

This topic has been closed to new replies.

About this Topic