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

Tabs Issue In IE6

  • Hi guys,
    well I have been working on a website for a client for a while now and am very nearly finished, however I have been stopped dead by this little bug. I'm fairly sure its something pretty simple that I am overlooking but for the life of me I can't figure out what it is.

    Basically these tabs appear above content items as a sort of quick access menu in Drupal 5. I have tried floating them, removing padding/margin, setting widths and setting them to inline display and no change except for a slight indent caused by the display: inline.

    In IE 6 and 5.5 they look like this
    http://i87.photobucket.com/albums/k150/xelaseer/ie6.png

    But in all other browsers they appear correctly (safari, opera, firefox, chrome, IE 7, IE 8).
    http://i87.photobucket.com/albums/k150/xelaseer/allothers.png

    Any one got any ideas?

    Thanks
    Alex
  • On floated objects like that, IE 6 definitely needs a width set. Have you tried making sure you have display at block, float left, and widths declared.
  • No I haven't thanks for the reply. Will try it and get back to you.