On Tue, Aug 30, 2011 at 4:00 PM, David Laakso <da...@chelseacreekstudio.com> wrote: > On 8/30/11 11:47 AM, Tom Livingston wrote: >> >> Hello list, >> >> http://www.mlinc.com/tl-test/flextest/ >> >> At the above link, I am trying to have a fixed-width aside, with a >> flexible main section. The outer wrap has a min and max width. Is this >> possible? The design calls for a ribbon-type effect for some callouts >> which sticks out from the aside to the right - outside the wrap. I am >> assuming (uh-oh) that I need a fixed width to pull those callouts off. >> Can this type of layout be done? what am I doing wrong here? >> Percentage math error? >> >> TIA >> > > > > > Anything is possible. But having more than a little difficulty wrapping my > head around what you want.. > > Assuming: > 1/ A /flexible/ width left-column that is first in source order and is > always employed. > 2/ A /fixed/ width column [aside] that is adjacent to the the right of the > flexible width column and is second in source order and is always employed > 3/ Another /fixed/ width column [callout] that is adjacent to the the right > of the /fixed/ width column [aside] that is only sometimes employed. > 4/ The outermost wrapper for all three columns needs a min-width, max-width, > and width set. > > If that's the case then a spin-off a "negative-margin" layout [no absolute > positioning needed] may (?) do the trick. As always providing your actual > content and window width requirements will buy you far more than playing a > hypothetical guessing game... > > Best, > ~d > > >
I guess I wasn't as clear as I could have been, but lets forget about the callout at this point. With that out of the picture for now, my example page is exactly what I want but when the window width is reduced, it breaks. David Hucklesby's solution is essentially what I figured out on my own. But is there another/better way? -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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/
