> -----Original Message----- > From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] > discuss.org] On Behalf Of Bill Brown > Sent: Tuesday, April 01, 2008 10:37 AM > To: Austin, Darrel > Cc: CSS Discussion > Subject: Re: [css-d] 3 column layout. Am I missing the obvoius? (question and > commentary) > > Hi Darrel, > > Fundamentally speaking, you're right on the money. The problem exists in > coloring and backgrounding. In your example, full length columns won't > render...that is, the color of 'left' may not match the length of the > background on 'right'. > > In an ideal world, one might do this: > HTML: > <div class="shell"> > <div class="frame"> > <div class="menupanel"></div> > <div class="mainpanel"></div> > <div class="morepanel"></div> > </div> > </div> > CSS: > div.shell{display:table;} > div.frame{display:table-row;}/* for Safari */ > div.menupanel{display:table-cell;width:20%;} > div.mainpanel{display:table-cell;width:60%;} > div.morepanel{display:table-cell;width:20%;} > > In which case, you'd have the nearly perfect CSS-only, hackless, > table-emulating, three column, fairly semantic setup. But we don't live > in the ideal world so support for table-cell displaying is sketchy.
inline/zoom makes it work in IE (kind of): http://tjkdesign.com/articles/css-layout/no_div_no_float_no_clear_no_hack_no _joke.asp and ULs are "semantic wrappers" ;) -- Regards, Thierry | http://www.TJKDesign.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/
