Grow your CSS skills. Land your dream job.

Tabs Issue In IE6

  • # September 6, 2008 at 1:27 am

    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
    [img]http://i87.photobucket.com/albums/k150/xelaseer/ie6.png[/img]

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

    Any one got any ideas?

    Thanks
    Alex

    # September 6, 2008 at 4:21 pm

    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.

    # September 8, 2008 at 4:21 am

    No I haven’t thanks for the reply. Will try it and get back to you.

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

You must be logged in to reply to this topic.

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