treehouse : what would you like to learn today?
Web Design Web Development iOS Development

another ie6 mystery

  • 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!
  • I think you need to add "display:inline;" into ul#nav li {}
  • 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.
  • 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???
  • 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.
  • 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!
  • "Adam" said:
    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?