> From: David Hucklesby <[EMAIL PROTECTED]> > Date: Thu, 30 Oct 2008 10:24:30 -0700 > To: MEM <[EMAIL PROTECTED]>, <css-d@lists.css-discuss.org> > Subject: Re: [css-d] help: three columns with the same height > > On Wed, 29 Oct 2008 15:41:45 -0000, MEM wrote: >> Hi all... >> >> This is my first post, any help will be greatly appreciated. >> >> I'm a CSS total newbie, so please, have patience. >> >> >> Ok. Yes I know this is the old table design déjà vu and we must avoid it >> etc... etc... >> >> I know we maybe have a .js solution (I don't want it thank you). >> >> I know about faux columns, but that doesn't allow me to play with the >> pseudo-left and >> pseudo-right columns border witdh, because we... we don't have them. So... >> > [...] > > Hi Talofo, > > We all feel your pain. Please be aware that this is not a weakness > of CSS, but of browser support. All browsers save one implement > table display properties that provides an easier solution in many > cases. > > Hang in there. IE 8 promises to bring Microsoft into the 21st century > by supporting table display in CSS. :) > > Meanwhile we have to jump through hoops to provide for the care > and feeding of Internet Explorer. Sorry. > > Cordially, > David > --
Hi Mem / All, I followed the links in the previous responses (and then some) and came up with a possible solution. Please take a look at the following three pages and let me know what you think. http://test.aroundtheblock.net/tutorials/columns/tall-left.php http://test.aroundtheblock.net/tutorials/columns/tall-center.php http://test.aroundtheblock.net/tutorials/columns/tall-right.php All three pages share the same layout and CSS. No hacks were employed except to set the width of the right div to "auto" for IE6 where it drops to the bottom of the page at certain text sizes. I've tested it in IE6 (Windows), IE 5.2 (Mac), Safari 3.12 (Mac), Opera 9.23 (Mac), and Firefox 2.0.0.17 (Mac). If the layout "breaks" in another browser, please let me know. --- Alyda ______________________________________________________________________ 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/
