Results 1 to 4 of 4

Thread: Tab Content Script issue in Internet Explorer

  1. #1
    Join Date
    Jul 2007
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Tab Content Script issue in Internet Explorer

    1) Script Title: Tab Content Script

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...tabcontent.htm

    3) Describe problem: I have implemented the Tabs & it's working fine in firefox but i checked it in Internet Explorer 7 recently & noticed that many of the tabs are not working.
    You can check it here ( in IE ) : www.delhievents.com ( central / middle content area )

    Regards, Rohit

  2. #2
    Join Date
    Aug 2004
    Posts
    9,911
    Thanks
    3
    Thanked 969 Times in 957 Posts
    Blog Entries
    15

    Default

    If I had to guess the problem is due to some of your Tab Content DIVs not being closed properly. IE is very picky about these things. For example, looking at your source:

    Code:
    <div id="tcontent1" class="tabcontent">
    <p></p>
    <span style="font-weight: bold;">Featured Alerts - Registration, Ticket Booking, Submission, Invitation</span>
    <p></p>
    <div id="alerts1" class="tabcontent">
    <p></p>
    <a href="http://www.delhievents.com/2007/08/theatre-workshop-short-course-on.html">THEATRE WORKSHOP - Short Course on Theatre by Chicago based Pegasus Players at American Center - 17th &amp; 18th August, 2007</a>
    <p></p>
    <a href="http://www.delhievents.com/2007/08/theatre-hungry-heart-festival-presents.html">THEATRE : Hungry Heart Festival presents "Laugh Affaire" Two Plays at Hotel Ashok - 17th &amp; 18th August, 2007</a>
    <p></p>
    <a href="http://www.delhievents.com/2007/08/mobile-monday-delhi-momo-delhi-4th.html">Mobile Monday Delhi ( Momo Delhi ) 4th Episode at Management Development Institute, Mehrauli Road  - 18th August, 2007</a>
    <p></p>
    <a href="http://www.delhievents.com/2007/08/children-workshops-says-history-is.html">Children Workshops "Who says History is Boring?" by Devika Rangachari at British Council - 18th August, 2007</a>
    <p></p>
    </div>
    In the above there's two tab contents, but I only see one closing </div> tag. Check your page to make sure every tab content is closed properly.

  3. #3
    Join Date
    Jul 2007
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    It's closing tag was below i think but anyway, i've checked tags a couple of time & tried my best to solve this issue but i'm not able to find the right solution. Can anyone check the code & tell me what can be done?

    Regards, Rohit

  4. #4
    Join Date
    Aug 2004
    Posts
    9,911
    Thanks
    3
    Thanked 969 Times in 957 Posts
    Blog Entries
    15

    Default

    Ok, after trying many things, I'm fairly certain the problem is due to your use of:

    Code:
    <p></p>
    throughout your Tab Contents HTML that's throwing off IE. The Paragraphs are overriding the DIV tags used to contain each Tab Content somehow. You can verify this by doing a search and replace of all occurences of "<p></p>" on your page to "" instead. From what I can tell this fixed the problem. You'll have to find another tag other than "p" to act as line separators then.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •