iEntry 10th Anniversary Webforumz RegistrationAnnouncements Contact Webforumz StaffContact
Home Resources Blogs Meet the Team Contact Register
 

Go Back   WebForumz.com > The Visual Design > Your Design and Layout

Reply
 
LinkBack Thread Tools
Old May 30th, 2007, 03:55 PM   #1
Reputable Member
 

Join Date: Apr 2007
Location: Ireland
Posts: 332
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 Pádraig will become famous soon enough
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, 31 views)
Pádraig is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old May 30th, 2007, 04:25 PM   #2
Highly Reputable Member
 

Join Date: Apr 2007
Location: Kent, England
Age: 38
Posts: 560
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 VanessaJW will become famous soon enough
Re: 3 Columns with CSS

One way is like this.
VanessaJW is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old May 30th, 2007, 04:41 PM   #3
Elite Veteran
 

Join Date: Sep 2006
Location: Pink House
Posts: 3,942
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 Lchad is a name known to all Lchad is a name known to all Lchad is a name known to all Lchad is a name known to all Lchad is a name known to all Lchad is a name known to all
Re: 3 Columns with CSS

And our very own Moojoo has some great ones here!!
Lchad is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old May 30th, 2007, 04:53 PM   #4
Reputable Member
 

Join Date: Apr 2007
Location: Ireland
Posts: 332
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 Pádraig will become famous soon enough
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 04:53 PM.. Reason: Manners!
Pádraig is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old May 30th, 2007, 05:05 PM   #5
Elite Veteran
 

Join Date: Sep 2006
Location: Pink House
Posts: 3,942
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 Lchad is a name known to all Lchad is a name known to all Lchad is a name known to all Lchad is a name known to all Lchad is a name known to all Lchad is a name known to all
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!!
Lchad is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old May 30th, 2007, 05:14 PM   #6
Reputable Member
 

Join Date: Apr 2007
Location: Ireland
Posts: 332
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 Pádraig will become famous soon enough
Re: 3 Columns with CSS

If only the rep system still worked.

Thanks for again for the links!!!
Pádraig is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old May 30th, 2007, 06:33 PM   #7
Elite Veteran
 

Join Date: Sep 2006
Location: Pink House
Posts: 3,942
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 Lchad is a name known to all Lchad is a name known to all Lchad is a name known to all Lchad is a name known to all Lchad is a name known to all Lchad is a name known to all
Re: 3 Columns with CSS

Well we can dream about the rep system!!!
Lchad is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old May 30th, 2007, 08:49 PM   #8
Elite Veteran
 

Join Date: Dec 2005
Location: On Internet
Posts: 4,850
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 JacobHaug is a jewel in the rough JacobHaug is a jewel in the rough JacobHaug is a jewel in the rough JacobHaug is a jewel in the rough
Re: 3 Columns with CSS

It kinda works, or at least now I have figured out what the problem is...hehehe!
JacobHaug is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old May 31st, 2007, 05:32 AM   #9
Reputable Member
 

Join Date: Apr 2007
Location: Ireland
Posts: 332
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 Pádraig will become famous soon enough
Re: 3 Columns with CSS

Get working and fix it up!!
Pádraig is offline  
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

Bookmarks

Tags
columns , css , how to


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
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 HTML, XHTML and CSS 31 December 8th, 2007 04:33 PM
Columns and Rows tlo5 JavaScript 4 November 20th, 2007 12:13 PM
2 columns alexgeek HTML, XHTML and CSS 2 August 14th, 2007 07:57 PM
Three columns R8515198 HTML, XHTML and CSS 5 May 24th, 2007 03:16 PM
I still don't get faux columns. pdk HTML, XHTML and CSS 8 May 21st, 2007 06:52 AM


Search Engine Optimization by vBSEO 3.2.0 RC8