All credit to Ryan Brill ( http://ryanbrill.com/ ) for this solution:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd";> <html> <head> <title> 2 Col, Fluid Content Left, Fixed Nav Right </title> <style type="text/css"> #content_wrapper { float: left; width: 100%; margin-left: -200px; } #content { margin-left: 200px; } #navigation { float: right; width: 200px; } </style> </head> <body> <div id='content_wrapper'> <div id='content'> content goes here </div> </div> <div id='navigation'> navigation goes here </div> </body> </html> Basically, the idea is that the content_wrapper container shifts the content right by a fixed amount (200px in this case), leaving space for right hand fixed width column. The content wrapper then shifts the content back in again. Christy Collins wrote: > I'm looking for a 2 column layout where the left column is the main > content area and is fluid and the right column is a fixed width. > Seems like a simple thing but I'm having trouble making or finding > one. I'm just on the verge of throwing in the towel and creating a > completely fixed width layout but I thought I'd ask here first. > ______________________________________________________________________ > 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/ > > > -- Futurate's site for the Their Reading Futures project has been nominated for a prestigious Jodi Mattes accessibility award. This is our second award nomination this year. See: http://www.futurate.com/?p=132 -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.385 / Virus Database: 268.4.1/307 - Release Date: 10/04/2006 ______________________________________________________________________ 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/
