2 Replies Latest reply: Dec 1, 2008 6:09 AM by Stuart Haiz RSS

    Tabbed Panel Content in IE7

    Stuart Haiz Community Member
      I've got content disappearing behind my tabbed buttons in IE7 only & can't figure out why. I'm guessing it might be a margin collapse issue but it's OK in IE6, FF, Safari & Opera.

      Here is the page that I've got my Spry widget on if someone could please advise.
        • 1. Re: Tabbed Panel Content in IE7
          Ben Pleysier CommunityMVP
          Hi Sirius7,

          I had a look at your site and am very impressed.

          Your problem is purely CSS related and as such I suggest starting your style sheet with the following line of code:

          * {
          margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
          padding: 0;
          }

          Then go through the style sheet to ensure that you do get the correct margin and padding for your styles, in particular for your HTML-tags.

          Please let me know how you get on.

          Ben
          • 2. Re: Tabbed Panel Content in IE7
            Stuart Haiz Community Member
            Hi Ben

            Thank you for the kind feedback!

            Also, thanks for the advice. I have added the code to both my main stylesheet & all the tabbed panels stylesheet. (I also added some top & bottom margins to my p tag on the main sheet.) My tabbed panels are still an issue in IE7 & I've gone through the html but can't see what is doing it.

            The problem seems to be the div.TabbedPanelsContent aligning with the top of the buttons rather than under them... I tried adding clear: both; & padding-top but nothing seems to be moving it into place.