eeetc — 2010-03-07T00:35:01-05:00 — #1
Can you guys/gals help me making a three column layout with the outer columns fixed and the center one fluid?
black_max — 2010-03-07T01:00:09-05:00 — #2
If I were doing it, I'd begin by hunting down some pre-made layouts and seeing how they were done. [Alessandro Fulciniti has a bunch on his site, including one, n13, that is what you're asking about. A List Apart gave us [URL="http://www.alistapart.com/articles/holygrail"]"the holy grail" layout. And the SP forum has a [URL="http://www.sitepoint.com/forums/showthread.php?t=143801"]spiffy FAQ](http://blog.html.it/layoutgala/) on just this topic. Other examples can be found by Googling for the specific layout.
rayzur — 2010-03-07T01:10:18-05:00 — #3
So you want a fluid center with fixed sides, I've got a few demos that fit that order already.
3-col Min-Max Sticky Footer
3-col Min-Max Content First
3-col Min-Max Basic
If you have any special requirements you will need to explain further.
You can also find many fine examples at Pauls' Site.
Three Column layouts
rayzur — 2010-03-07T01:29:48-05:00 — #4
Just be aware of the problems with that "holy grail" layout, it uses the same padding/negative-margin equal column method as the the "One true layout".
This technique really comes together when the columns are given equal heights. The method I’m using is [adapted wholesale from the One True Layout, so I won’t go over it in detail. To deploy it, simply add the following CSS:
[URL="http://www.positioniseverything.net/articles/onetruelayout/appendix/equalheightproblems"]The problems are documented here at PIE](http://www.positioniseverything.net/articles/onetruelayout/equalheight)
#block_1, #block_2, #block_3
<font color='Red'> padding-bottom: 32767px;
eeetc — 2010-03-07T02:53:18-05:00 — #5
I bookmarked these links for future ref.
I also found this from Paul's site:
Thank you all