homepage Welcome to WebmasterWorld Guest from 54.167.144.202
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
My holy Grail: CSS 3column layout
Can CSS be used to accomplish this
locus123

5+ Year Member



 
Msg#: 3455445 posted 11:28 pm on Sep 19, 2007 (gmt 0)

< I've seen > a site with a three column layout done with tables, i am trying to acheive this using CSS.

My main criteria is that the content areas do not overlap even when the user presses ctrl_key+plus_key to zoom into the page. Notice how the whole site just zooms and the scroll is added as the font size increases.

All suggestions welcomed.

Thanks in advance.

< no example urls.
See Posting Guide [webmasterworld.com] >

[edited by: tedster at 4:08 am (utc) on Sep. 20, 2007]

 

Marshall

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3455445 posted 12:37 am on Sep 20, 2007 (gmt 0)

Do a web search for "faux columns" and you will find exactly what you are looking for.

Marshall

ringsoft

5+ Year Member



 
Msg#: 3455445 posted 10:37 am on Sep 20, 2007 (gmt 0)

Or, do a search for 'glish', there are a few templates there you can use as a starting point.

JAB Creations

WebmasterWorld Senior Member jab_creations us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 3455445 posted 5:03 pm on Sep 20, 2007 (gmt 0)

This is the current maximum support for CSS3 multiple columns. Hopefully Opera 10 and IE8 will add support though we can only hope. :)

Gecko - CSS
div.mcol {-moz-column-count: 2;}

Gecko - XHTML
<div class="mcol"></div>

Webkit - CSS
div.mcol {
-webkit-column-count: 2;
-webkit-column-rule: 2px dotted #222;
}

Webkit - XHTML
<div class="mcol"></div>

- John

locus123

5+ Year Member



 
Msg#: 3455445 posted 2:45 pm on Sep 21, 2007 (gmt 0)

Thanks a million for your responses guys. I ran a couple of searches and i think i am going to work with a design i saw outlined in a book, using faux columns.

To the admins:
Sorry about the example link.

Gibble

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3455445 posted 2:58 pm on Sep 21, 2007 (gmt 0)

There's also a handy online tool called layoutomatic to quickly generate a 3 column layout.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved