So, I was able to solve my problem by utilizing the following structure: <div class="column1">content</div> <div class="column2">content</div> <div class="column3">content</div>
Like you said, I floated 1 and 2 to the left and then set the margin of 3 to the total fixed widths of 1 and 2 giving me fixed/fixed/liquid. If I want fixed/liquid/fixed, I float 1 to the left, 2 to the right, and then set my left and right margin of 3 to the widths of 1 and 2 respectively. You see any problems with this? I noticed that source ordering is critical, though. I had tried this earlier but my source was out of order so I wasn't able to make the above work. After doing a ton of research and trying a bunch of different methods, I did the above but inadvertently with a different source order and realized it worked. Initially I was trying to think logically and float 1 to the left, 3 to the right, and set left and right margins on 2. Obviously that doesn't produce the expected results... All sound good? Any problems that I might run into? Thanks for your help!! Mike Christian Montoya wrote: > On 12/7/05, Mike Soultanian <[EMAIL PROTECTED]> wrote: >> Here's what I'd like: Left nav column to be a fixed width, calendar >> column to be fixed, calendar details (right-most column) liquid. Also, >> just so you know, the rest of the site pages have a fixed nav with fluid >> content). >> >> My problem is I don't know how to implement this. I've been researching >> and found the following: >> >> 1. I found this simple 2-column layout page: >> >> http://realworldstyle.com/2col.html >> >> It doesn't use any hacks and seems to work in many browsers. For the >> calendar page, I was thinking of nesting another 2-column layout within >> the content side which would give me fixed-fixed-liquid columns. >> > > Not a bad idea, usually done that way. > >> 2. Our campus web developers came up with a layout method where they >> float every column to the left like so: >> >> http://www.csulb.edu/divisions/dt/ >> > > They didn't come up with that, though I'm sure they are smart guys. > Floats is the de-facto way to create columns with CSS. > >> Is there any reason I can't just set fixed widths on the columns that I >> want fixed and then set percentages on the columns I want fluid? It >> seems like it could work, but it just seems to easy... >> > > Better: Make column 1 and 2 fixed, and column 3 width:auto, so it > fills the rest of the available space. Or, float column 1 and 2 left, > and make column 3 have a margin-left of the combined width of 1 and 2. > That should give the exact behavior you want. > > Try something out, give us a url and we can help you from there. > > -- > -- > Christian Montoya > christianmontoya.com ... rdpdesign.com ... cssliquid.com > ______________________________________________________________________ > 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/ ______________________________________________________________________ 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/
