3 column layout in css

Questions and tutorials related to Cascading Style Sheets *all versions*

Moderators: macek, egami, gesf

mattsoftnet
New php-forum User
New php-forum User
Posts: 13
Joined: Wed Mar 15, 2006 8:38 pm
Contact:

3 column layout in css

Postby mattsoftnet » Sat Mar 18, 2006 9:25 pm

for my ProSiteManager cms project, I decided to use xhtml and css. I've always used tables in the past to do a standard dynamic-body-width 3 column layout but I think maybe more people would use the opensource system if I use all css? tables would be much easier, but I'm not so sure it will be the best way for the future. what would you recommend, tables or all css? if css, how do you go about doing this?

User avatar
Coditor
New php-forum User
New php-forum User
Posts: 243
Joined: Wed Feb 01, 2006 9:18 am
Location: Netherlands
Contact:

Postby Coditor » Sun Mar 19, 2006 1:24 pm

Hi,

Tables are easier but have their cons. Tables (especially when nested) can be really slow to be built by a browser.

Create 3 main divs called "left", "center" and "right" and position them via css. You can use absolute positioning for example, or use "float:left" to position them. It takes a bit of fiddeling sometimes, but worth the effort.

If you have more details, we maybe able to give you further hints.

Coditor

liquedus
php-forum Active User
php-forum Active User
Posts: 266
Joined: Tue Apr 08, 2003 5:18 am
Location: Ottawa, Canada
Contact:

Postby liquedus » Mon Oct 16, 2006 9:55 am

Never use tables for layouts.

As suggested above, implement in 3 seperate divs, my preference is given to floating them ;)

User avatar
gesf
Moderator
Moderator
Posts: 1717
Joined: Sun Dec 29, 2002 5:03 am
Location: Portugal / Sweden
Contact:

Postby gesf » Tue Oct 17, 2006 3:11 am

Please take a look at this page liquedus.


Return to “CSS”

Who is online

Users browsing this forum: No registered users and 1 guest