3 Columns with CSS

This is a discussion on "3 Columns with CSS" within the Starting Out section. This forum, and the thread "3 Columns with CSS are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Starting Out

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old May 30th, 2007, 19:55
Reputable Member
Join Date: Apr 2007
Location: Ireland
Age: 15
Posts: 332
Thanks: 0
Thanked 0 Times in 0 Posts
3 Columns with CSS

How do you create a 3 column layout like the one in the image below using DIVs and CSS?

Thanks.
Padriag
Attached Images
File Type: jpg example.jpg (52.8 KB, 30 views)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old May 30th, 2007, 20:25
Highly Reputable Member
Join Date: Apr 2007
Location: Kent, England
Age: 38
Posts: 560
Thanks: 0
Thanked 0 Times in 0 Posts
Re: 3 Columns with CSS

One way is like this.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old May 30th, 2007, 20:41
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: 3 Columns with CSS

And our very own Moojoo has some great ones here!!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old May 30th, 2007, 20:53
Reputable Member
Join Date: Apr 2007
Location: Ireland
Age: 15
Posts: 332
Thanks: 0
Thanked 0 Times in 0 Posts
Re: 3 Columns with CSS

Thanks for the links Vannesa & Lchad!

If anyone has any other ways of doing it please feel free to post it up!

Last edited by Pádraig; May 30th, 2007 at 20:53. Reason: Manners!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old May 30th, 2007, 21:05
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: 3 Columns with CSS

http://bonrouge.com/3c-hf-fluid-lc.php
http://www.pmob.co.uk/temp/3colfixedtest_4.htm
http://bluerobot.com/web/layouts/layout3.html

This should keep you out of trouble for awhile!!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old May 30th, 2007, 21:14
Reputable Member
Join Date: Apr 2007
Location: Ireland
Age: 15
Posts: 332
Thanks: 0
Thanked 0 Times in 0 Posts
Re: 3 Columns with CSS

If only the rep system still worked.

Thanks for again for the links!!!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old May 30th, 2007, 22:33
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: 3 Columns with CSS

Well we can dream about the rep system!!!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8  
Old May 31st, 2007, 00:49
Elite Veteran
Join Date: Dec 2005
Location: On Internet
Posts: 4,859
Thanks: 0
Thanked 0 Times in 0 Posts
Re: 3 Columns with CSS

It kinda works, or at least now I have figured out what the problem is...hehehe!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #9  
Old May 31st, 2007, 09:32
Reputable Member
Join Date: Apr 2007
Location: Ireland
Age: 15
Posts: 332
Thanks: 0
Thanked 0 Times in 0 Posts
Re: 3 Columns with CSS

Get working and fix it up!!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
columns, css, how to

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] 3 columns? PicoDeath Web Page Design 31 Dec 8th, 2007 20:33
Columns and Rows tlo5 JavaScript Forum 4 Nov 20th, 2007 16:13
2 columns alexgeek Web Page Design 2 Aug 14th, 2007 23:57
Three columns R8515198 Web Page Design 5 May 24th, 2007 19:16
I still don't get faux columns. pdk Web Page Design 8 May 21st, 2007 10:52


All times are GMT. The time now is 17:05.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42