Eystein Alnaes wrote: > It's still pretty rough, but I'd love some comments on this :) An > example can be seen here: <http://www.eystein.no/faux-columns.html>
> Georg said: I prefer the 'equal height column' solution used here... <http://www.gunlaug.no/tos/moa_12c.html> > ...mainly because no extra markup is needed. Older browser-versions do need some help with that one also. Here is a less elegant approach but works well. In a 3 column layout: 1. Wrap the 3 columns in a 3colwrap and repeat background to the left for the leftmost columnu want faux 2. Wrap the left and center column in a 2 column wrap with a negative margin and repeat background to the right for the rightmost column. See an example here at http://www.outprize.com Here is the relevant css #threecolwrap { float:left; width:100%; background: url(http://www.outprize.com/Assets/images_pres/faux_left.gif) repeat-y top left;} #twocolwrap { float:left; width:100%; /* background: url(http://www.outprize.com/Assets/images_pres/faux_right.gif) repeat-y top right; */ display:inline; /* stops IE doubling margin on float*/ margin-right:-1px; } dino ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
