3 column liquid layout

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
Luke
The Ninja Space Mod
Posts: 6424
Joined: Fri Aug 05, 2005 1:53 pm
Location: Paradise, CA

3 column liquid layout

Post 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?
Roja
Tutorials Group
Posts: 2692
Joined: Sun Jan 04, 2004 10:30 pm

Post 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!
User avatar
Luke
The Ninja Space Mod
Posts: 6424
Joined: Fri Aug 05, 2005 1:53 pm
Location: Paradise, CA

Post 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.
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post by matthijs »

This is the place for you.
User avatar
Luke
The Ninja Space Mod
Posts: 6424
Joined: Fri Aug 05, 2005 1:53 pm
Location: Paradise, CA

Post 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!!
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post by matthijs »

What's the problem exactly? They look exactly the same. (besides the missing background-image)
User avatar
Luke
The Ninja Space Mod
Posts: 6424
Joined: Fri Aug 05, 2005 1:53 pm
Location: Paradise, CA

Post by Luke »

I'm just going to use tables... forget it.
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post by matthijs »

Are you sure?
User avatar
RobertGonzalez
Site Administrator
Posts: 14293
Joined: Tue Sep 09, 2003 6:04 pm
Location: Fremont, CA, USA

Post 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.
User avatar
jayshields
DevNet Resident
Posts: 1912
Joined: Mon Aug 22, 2005 12:11 pm
Location: Leeds/Manchester, England

Post 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 :)
Post Reply