3 column liquid layout
Moderator: General Moderators
3 column liquid layout
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?
http://www.google.com/search?sourceid=m ... uid+layout
Search for your title returns thousands of *relevant* results. Come on, at least try!
Search for your title returns thousands of *relevant* results. Come on, at least try!
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!!
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!!
- RobertGonzalez
- Site Administrator
- Posts: 14293
- Joined: Tue Sep 09, 2003 6:04 pm
- Location: Fremont, CA, USA
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.
This should be fairly straight forward, though simple and easy is not a term I would use to describe it.
- jayshields
- DevNet Resident
- Posts: 1912
- Joined: Mon Aug 22, 2005 12:11 pm
- Location: Leeds/Manchester, England
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
I modified their 3 column one for my use, works a treat. Although I can't demonstrate as my site isn't live