Thanks for the demos! (http://ccstudi.com/x.html and http://jsbin.com/asozay/1/) -- they were very helpful, and sorry for the late response as I was probing through the nuances of the code.
(1) Through the first demo (http://ccstudi.com/x.html), I discovered that the max-width suggestion works well: setting a maximum percent-width for the main container and sidebar helps to maintain their respective sizes (rather than overlap onto each other when the browser is zoomed). However, there are two challenges with this approach. (a) When you add padding to the containers, and zoom the browser (or use a smaller viewport), the containers will overlap into the padded space.... this was an interesting discovery. Since I'd like to use padding, it seems that these overlapping containers are hard to avoid. (b) The second challenge is with wrapping: the text flows smoothly to the next line when the page is zoomed. However, this is not the case for a table which simply protrudes out of the container with the max-width. (2) Through the second demo (http://jsbin.com/asozay/1/), there is no max-width, so the container easily expands to accommodate the table inside. The situation is almost perfect because the container+sidebar remain fixed in their positions relative to each other, and expand accordingly. However, as you mentioned, the sidebar totally disappears when the browser is zoomed or too small.... Is there a way to work around this disappearing act in the 2nd example, such as using a scrollbar? I tried adding "overflow:auto" to the container, body, and wrapper, but none of them worked (the scrollbar only applies to the container and ignores the sidebar, even though the sidebar is located absolutely within the container....) ... I'm really puzzled, something's got to work! Thanks for the advice! Zaia On 19 April 2013 04:18, David Laakso <laakso.davi...@gmail.com> wrote: > On Thu, Apr 18, 2013 at 9:21 AM, Zaia Z <zigaew...@gmail.com> wrote: > > > How should I arrange the CSS for the sidebar such that it always > maintains > > a consistent gap to the left of the centered block? > > > > I'd appreciate your advice on this; thanks! > > > > Zaia > > > Not sue why you might want to do that? Nevertheless, try setting the > blocks in percent-width. The gap will always remain. However, it will > become narrower respective to the widths of the blocks as the window > width decreases. As the saying goes one picture is worth a thousand > words... > Fwiw, please see <http://ccstudi.com/x.html> > > Best, > David Laakso > > -- > Chelsea Creek Studio > http://ccstudi.com > ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
