The two best solution I know are :
-Use dynamic properties (have a look at msdn, or, IIRC, check the syntax of the "_expression_" keyword in Mozilla's CSS (don't know if IE supports it), it's something like :
tabpane.visible {
width:_expression_([some _javascript_])
}
-Do not use
tabpane.hidden {
display:none;
}
but :
tabpane {
width: 100%;
}
tabpane.hidden {
overflow: hidden;
height: 0px;
}
and put the tabpane element in a fixed width element.
If you know that you tabpane's height won't exceed N pixels and won't be scrollable, you can also put the content of each tabpane in the same div, use an overflow:hidden and scroll the div to switch the content.
HTH,
fabien.
> -----Message d'origine-----
> De : Sylvain Wallez [mailto:[EMAIL PROTECTED]]
> Envoy� : samedi 6 septembre 2003 21:00
> � : [EMAIL PROTECTED]
> Objet : Re: Woody : advanced form layout
>
>
> Robert Koberg wrote:
>
> >Hi,
> >
> >I may be misunderstanding your need, but you could simply
> write out all of
> >you tab's display elements initially set to 'display:none'.
> Set a initial
> >focus tab (some variable sent from the server written to a
> JS var to be used
> >by the client) and set it's elements set to display:block or
> display:inline
> >where appropriate. On click of another tab set the current
> tab's elements to
> >display:none and the new focus to display:block/inline where
> appropriate.
> >
> >This is what we do for our CMS. You can see some layout L&Fs at:
> >http://www.livestoryboard.com/Products/Screen_shots.html
> >
> >Is this the kind of thing you are talking about?
> >
>
> No, no : this is exactly what I did to swith the tabs. What
> I'm looking
> for is a way to avoid the page layout to be recomputed when the user
> switches to another tab (they don't fill the whole screen).
>
> Currently, the layout is recomputed to match the size of the selected
> tab content. I'd like the tab panel to have the size largest
> tab content
> so that its size doesn't change when we navigate through the tabs.
>
> But as Peter said, there doesn't seem to be a solution for this other
> than either dynamically changing the CSS (complicated solution) or
> imposing a fixed size.
>
> Sylvain
>
> --
> Sylvain Wallez Anyware Technologies
> http://www.apache.org/~sylvain http://www.anyware-tech.com
> { XML, Java, Cocoon, OpenSource }*{ Training, Consulting, Projects }
> Orixo, the opensource XML business alliance - http://www.orixo.com
>
>
>
> This mail has originated outside your organization,
> either from an external partner or the Global Internet.
> Keep this in mind if you answer this message.
>
