Weird problem with Control.Tabs and IE6/7 – solved!

by anthony on November 18, 2007

Control.Tabs is a simply wonderful JavaScript extension for the Prototype library. In one project I’m using in multiple places and it fits the requirements perfectly. There is, however, a weird problem with one page with IE where instead of displaying the form like this:200711151151 Weird problem with Control.Tabs and IE6/7   solved!it looks like this:200711151204 Weird problem with Control.Tabs and IE6/7   solved!As you can see the headings and the “Add another photo” links disappeared. Obviously, it shouldn’t do that. Oddly enough, if I move the pointer over one of the links higher up on the tabs the missing elements appear.Once I work out the solution I’ll post it.


The Solution

The solution has presented itself. I’m not 100% sure what the exact cause is, but it was fixed by simply giving the disappearing items an absolute height in the CSS, e.g. “height:35px” for the missing link, and it all worked again in both IE 6 and 7. Go figure.

Bookmark and Share

Other Posts That Might Interest You

  1. Moved to Google Reader
  2. Easy PDF Generation with Ruby, Rails, and HTMLDOC
  3. Expens’d Updates and the Current Roadmap
  • Chris: the bug was identical in IE 6 and 7, so either I had an obscure bug in my HTML/CSS or this bug hasn't been fixed in IE yet.
  • Chris
    Seems you got hit by the "Peek-a-boo" Bug. I thought it was gone in IE7.
blog comments powered by Disqus

Previous post:

Next post: