Oh that's just lovely. Though I have to say I don't really understand why it works - I know you've tried to explain it. Maybe I'll get it while driving in the car or lying in bed at 4am. Thanks! Christy
On Apr 11, 2006, at 11:33 AM, Richard Allsebrook wrote: > 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/
