A Two Column Layout

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
omniuni
Forum Regular
Posts: 738
Joined: Tue Jul 15, 2008 10:50 pm
Location: Carolina, USA

A Two Column Layout

Post by omniuni »

Hi all, so here's a bit of a challenge.

I want to create a layout for a page using CSS and no tables. I want that layout to have a header, footer, and two columns. The footer should span the length of the page below both columns, and if EITHER column gets filled with info, it should stretch down, and push the footer down.

I've worked a couple of layouts that are similar to this, and there is usually one column that is much longer, so I can deal with using a float. But if I don't want to mess with that, and just want a simple, two column layout that works.....

Any ideas folks?

-OmniUni
User avatar
pickle
Briney Mod
Posts: 6445
Joined: Mon Jan 19, 2004 6:11 pm
Location: 53.01N x 112.48W
Contact:

Re: A Two Column Layout

Post by pickle »

Do a Google search. What you're asking for isn't complicated & is quite common - there's bound to be lots of websites showing you how to do this.
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.
User avatar
omniuni
Forum Regular
Posts: 738
Joined: Tue Jul 15, 2008 10:50 pm
Location: Carolina, USA

Re: A Two Column Layout

Post by omniuni »

Are there examples? Yes. Are any of them to my satisfaction? Not that I have seen yet.

That's why I'm asking here. I want to see what solution you all like to use.
User avatar
pickle
Briney Mod
Posts: 6445
Joined: Mon Jan 19, 2004 6:11 pm
Location: 53.01N x 112.48W
Contact:

Re: A Two Column Layout

Post by pickle »

There are a million ways to skin a cat. There are a million+1 ways to do a 2 column layout. Try making it yourself & see what you come up with. If you have questions or problems, that's when you ask these boards.
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.
User avatar
omniuni
Forum Regular
Posts: 738
Joined: Tue Jul 15, 2008 10:50 pm
Location: Carolina, USA

Re: A Two Column Layout

Post by omniuni »

I have made several 2+ column layouts over time, but none act like I want. As I explained before, I want the footer to get pushed down by EITHER column.
User avatar
pickle
Briney Mod
Posts: 6445
Joined: Mon Jan 19, 2004 6:11 pm
Location: 53.01N x 112.48W
Contact:

Re: A Two Column Layout

Post by pickle »

If you set both columns to float (left or right), then set the footer to clear:both, that should pop it below both columns.
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.
User avatar
Eran
DevNet Master
Posts: 3549
Joined: Fri Jan 18, 2008 12:36 am
Location: Israel, ME

Re: A Two Column Layout

Post by Eran »

I believe what you are asking for was answered in this thread - viewtopic.php?f=13&t=85489
User avatar
omniuni
Forum Regular
Posts: 738
Joined: Tue Jul 15, 2008 10:50 pm
Location: Carolina, USA

Re: A Two Column Layout

Post by omniuni »

Thank you both! I searched around the forum a bit, and online, but for some reason, I have been unable to find a clear answer. I can't wait to try this out!

:D

Thanks again,

OmniUni
Post Reply