Grow your CSS skills. Land your dream job.

another ie6 mystery

  • # June 3, 2008 at 9:35 pm

    hi everyone! i have a concern with the way ie6 renders this page and for hte life of me i cant figure it out. some help would be appreciated..

    http://binary.x.spyraled.com/
    this is the url

    http://png.browsershots.org/8a1f01287c82d2bd8f5cb8590ee03f80.png
    this is a screen shot of what it looks like in ie6

    for some reason the nav is wrapping and not floating.
    any help?
    thanks everyone!

    # June 4, 2008 at 4:33 am

    I think you need to add "display:inline;" into ul#nav li {}

    box
    # June 4, 2008 at 6:32 am

    I’ve not had time to look too deeply into your code, but I did notice that you’re using display:inline-block on the ul#nav li, IE6 doesn’t support this property on ul as far as I’m aware as they are naturally a block element.

    # June 4, 2008 at 12:29 pm

    ok, you guys wont believe this..

    i couldn’t figure it out so i let my partner (in business) have a crack at it and he gives the ul and the li’s a bg color so he can see them better..

    http://browsershots.org/screenshots/2bbe6137a7ef4c68ee49a8617104e185/

    WTF? right?

    then he just makes the bg color black and there you go

    http://browsershots.org/screenshots/f2952066cbdc9d0700be96bda372ad06/

    can anyone explain this???

    box
    # June 4, 2008 at 5:28 pm

    Nope lol.
    I didn’t actually have time to check your site in IE (I have to boot up parallels to do that) so dunno what the problem was really – but I don’t see how a background colour would make the slightest difference. Perhaps it was a rendering blip at browsershots, it happens on your own browser occasionally, so there’s no reason to think it won’t happen to your browsershot once in a while – unlucky though if it does. Its perhaps a good idea to re-submit your browsershots request to check for such anomalies – yes this could take another 30 minutes lol.

    # June 4, 2008 at 5:56 pm

    This had me intrigued but it appears as though your colleague changed more than the background colour. display:inline-block was changed to display:inline so that’s why it works now!

    box
    # June 4, 2008 at 6:21 pm
    "Adam" wrote:
    This had me intrigued but it appears as though your colleague changed more than the background colour. display:inline-block was changed to display:inline so that’s why it works now!

    I did wonder if his colleague was telling porkies (for non-UK readers that’s lies) but didn’t like to say. As I mentioned earlier, display:inline-block; isn’t supported in IE6 for Uls so needed to be removed. Whether display:inline; needs to be there I’m not sure – the list elements have been floated, so display:inline; might well be superfluous?

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".