Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS 4 column fluid layout

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #23636
    trace
    Member

    i am working on a new personal site, trying to create a fluid (4) column layout, where depending on the browser width the columns shift down. it is actually a similar layout to chris’s old site (http://www.chriscoyier.net),…if you remember? no longer online. i have found a couple solutions using javascript, (http://fortes.com/projects/dynamiclayout/) but it seems like there has to be an cleaner way to achieve the effect.

    i appreciate any links you can forward me.
    thanks
    /trace

    #51372
    trace
    Member

    so it looks like it is much easier than i thought :shock:
    set a percentage width for each column , set a min-width..
    then let the float do it’s magic.
    thanks chris!
    /trace’

    Code:

    column 01
    column 02
    column 03
    column 04


    Code:
    .column {
    min-width: 200px;
    width: 24%;
    float: left;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.