Page 1 of 1

3 column liquid layout

Posted: Thu Jul 06, 2006 11:43 am
by Luke
Can somebody maybe point me in the right direction? I am trying to set up a 3 column liquid layout, and nothing seems to work. Anybody know any resources for this?

Posted: Thu Jul 06, 2006 11:54 am
by Roja
http://www.google.com/search?sourceid=m ... uid+layout

Search for your title returns thousands of *relevant* results. Come on, at least try!

Posted: Thu Jul 06, 2006 12:03 pm
by Luke
I have been trying... seems like they all choke with my article system. :(

I guess I just need to figure out what the hell is causing the page to explode no matter WHAT layout I use.

Posted: Thu Jul 06, 2006 12:22 pm
by matthijs
This is the place for you.

Posted: Thu Jul 06, 2006 12:23 pm
by Luke
This is friggin EXACTLY how it is on the site I found it on, yet it doesn't work like theirs. This is driving me nuts. NO MATTER WHAT... it just won't work.

Mine:
http://www.mc2design.com/cake/

Theirs:

http://www.manisheriar.com/holygrail/index.htm

No matter what I do, I just can't get this to work. This has to be done by tomorrow and I can't even get past the damn layout!!

Posted: Thu Jul 06, 2006 12:29 pm
by matthijs
What's the problem exactly? They look exactly the same. (besides the missing background-image)

Posted: Thu Jul 06, 2006 12:35 pm
by Luke
I'm just going to use tables... forget it.

Posted: Thu Jul 06, 2006 12:36 pm
by matthijs
Are you sure?

Posted: Thu Jul 06, 2006 1:32 pm
by RobertGonzalez
Usually you'll want to set a left colum <div> with a set width. Then use a second <div> with a margin equal to, or a little bigger than, the width of the left column <div>. Inside of this column you make a right column with a set width, then make a center column with an auto margin or a margin right equal to the width of the right column <div>.

This should be fairly straight forward, though simple and easy is not a term I would use to describe it.

Posted: Thu Jul 06, 2006 2:02 pm
by jayshields
Read the stickies! http://www.bluerobot.com/web/layouts/

I modified their 3 column one for my use, works a treat. Although I can't demonstrate as my site isn't live :)