• Do not register here on develop.twiki.org, login with your twiki.org account.
• Use View topic Item7848 for generic doc work for TWiki-6.1.1. Use View topic Item7851 for doc work on extensions that are not part of a release. More... Close
• Anything you create or change in standard webs (Main, TWiki, Sandbox etc) will be automatically reverted on every SVN update.
Does this site look broken?. Use the LitterTray web for test cases.

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.


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?


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.


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?


#patternColumnWrapper {


Something new every day. Wonderful. AC

Summary topic content can leap out of main area using twisties
ReportedBy MichaelDaum

AppliesTo Extension
Component PatternSkin
Priority Urgent
CurrentState Closed

Checkins 7604 7605 7608 7609 7610 7623
Edit | Attach | Watch | Print version | History: r10 < r9 < r8 < r7 < r6 | Backlinks | Raw View |  Raw edit | More topic actions
Topic revision: r10 - 2005-11-23 - ArthurClemens
This site is powered by the TWiki collaboration platform Powered by PerlCopyright © 2008-2023 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback