CSS Help! Disparity between Firefox and IE display.

  • Resolved papadoc

    (@papadoc)


    17 years, 1 month ago

    Hello, all,

    I built the website https://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

Viewing 4 replies - 1 through 4 (of 4 total)

  • 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.

    Thread Starter papadoc

    (@papadoc)

    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…?

    You have quite a few errors (see https://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.

    Thread Starter papadoc

    (@papadoc)

    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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS Help! Disparity between Firefox and IE display.’ is closed to new replies.

Tags