> Hi I faced the same problem this week, David Laakso pointed me here > http://www.alistapart.com/articles/negativemargins/ > It describes a two column layout first but then goes on to add a third > column. It might be just what your looking for... > > Best Regards > > Chris
Well, I'm half-way there! Chris, using the link you listed I got the image for the right column to come in but not the left one....everything looks okay so I'm stumped. I'm setting up the code a bit differently then that tutorial though ...using absolute positioning so that the middle column collapses (I'm seeing this referred to as the Holy Grail...am not sure why...fluid in the middle I guess, like a cup ;o!). But since the right image sidebar image came in just fine, I'm not sure that's what making the difference. http://www.drk-writing.com/3columnlayout/ Here's the part of the stylesheet that applies: body { margin: 0; padding: 0; text-align: center; } #wrapper1 { background: #fff url(images/sidebar1.gif) repeat-y left; } #wrapper2 { background: #fff url(images/sidebar2.gif) repeat-y right; } #banner { background-image: url(images/daisiesbanner.jpg); border-bottom: 10px solid #4B5957; padding: .5em; } #left { position: absolute; top: 80px; left: 0px; width: 160px; } #right { position: absolute; top: 62px; right: 0; width: 190px; padding-top: 20px; } #center { margin: 0 190px 0 190px; padding: 20px 20px 10px 5px; border-right: 1px solid #4B5957; } Debbie ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
