View Full Version : AJAX TABS IE7 - Tabs not clickable

01-16-2007, 09:10 AM
1) Script Title: Ajax Tabs Content

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/

3) Describe problem: I'm encountering a strange problem with IE only (i've only tested with IE7) I have the script working fine with 3 tabs; however, when I click on the 2nd tab the 3rd tab becomes unclickable...basically the link disappears. If I click back on 1st tab then I can click on 3rd tab...

Please see the problem in action for clear understanding...


Notice that firefox works fine everytime. Any help or pointers on this problem is greatly appreciated. I tried searching this forum but couldn't find any thread on this problem

01-16-2007, 11:42 AM
I'm surprised it even works in Firefox. :) Your content DIV is really messy, with invalid tags abound. The part that starts from:

<div id="CSSTabContentArea378" class="tabcontentstyle">

<br style="clear: both" /><script type="text/javascript">
var loadstatustext="<img src='/kday/www/desktopmodules/CSSTabs/js/loading.gif' /> Requesting Content..."
startajaxtabs("CSSTabMainTab378")</script></span></div><!-- End_Module_378 --></div><span class="Normal"></div></span></span></div></td>
</table></div><div id="footer"><p>
<a id="dnn_dnnTERMS_hypTerms" class="SkinObject" href="http://site325.mysite4now.com/kday/www/HOME/tabid/36/ctl/Terms/Default.aspx">Terms Of Use</a> | <a id="dnn_dnnPRIVACY_hypPrivacy" class="SkinObject" href="http://site325.mysite4now.com/kday/www/HOME/tabid/36/ctl/Privacy/Default.aspx">Privacy Statement</a> | <a id="dnn_dnnLOGIN_hypLogin" class="SkinObject" href="http://site325.mysite4now.com/kday/www/Login/tabid/60/Default.aspx">Login</a> <br />
Web site designed by Satsu Design&copy 2006</p></div>

I'm not even sure where the container ends. You also have table cell tabs within the DIV, which is not valid HTML.

Try emptying the entire DIV tag, and start out with something simple and that's valid HTML (make sure all tags open and close properly).