When a page changes its height by unfolding twisties the content gets pushed over the bottom border crossing the copyright notice.

As far as I followed the PatternSkin development it uses some javascript to aligh the height of the sidebar to the height of the main area displaying the topic after the page has been loaded. Well, in principle this must be redone every time content inside a topic changes dynamically as it does using the TwistyPlugin. Frankly, using extra javascript to work around the browser's disability to align DIVs properly is rather shaky, not to say fundamentally flawed. Better: use TABLEs or use the display:table*** properties to emulate tables using DIVs.

---

Well, in fact all methods to get divs to behave like tables are fundamentally flawed.
The CSS structures I've tried are too complex and have so many edge cases, and even then they don't work in all situations.
I've tried a table layout too. It sucks to use a data structure for layout.
display:table does not work in IE.
To use javascript is one of the least sucking things.

What I can think of is to let Twisty call an onEndOpeningTwisty function that can be implemented by skins. PatternSkin should call makeColumnsEqualHeight in that function.

AC

---

Never say never...

I've changed the layout to tables (again). And removed the javascript. SVN 7604, 7605.

Still sucks of course.

Question to Michael: I have a problem with Firefox with the left bar when it has long links: a gap appears at the right side. But with Firefox 1.5 this is fixed. Is there a workaround for Firefox 1.0?

AC

---

Yes, I see the gap using Firefox 1.0.7. This is due to the overflow:hidden property of the patternLeftBarContents in styles.css, line 601. The surrounding patternLeftBar has got overflow protection already. Be more conservative and don't spread overflow:hidden all over the place. There are some more that might go out as well (LIs in the lefbar?). Sometimes in some browsers on some platforms cascaded overflow protections interfer badly.

MD

---

Looks that's it. Thanks. AC

---

Bleh, the content window expands too much with a pre or verbatim inside. Seems that it doesn't do overflow anymore. I find this worse than the twisty problem.

What can I do about it?

AC

---

#patternColumnWrapper {
  table-layout:fixed;
}

MD

---

Something new every day. Wonderful. AC