Grow your CSS skills. Land your dream job.

4-Column Layout CMS Best Practices

  • # June 29, 2009 at 9:48 am

    I have a client that recently redesigned their website with a 4-column layout that uses a specific width div to achieve their multi-column approach. I’m wanting to CMS the site for them to make maintenance easier but I’m not sure the best way to go about integrating a full CMS with WYSIWYG with the 4-column hurdle?

    Any suggestions?

    Page Example:
    http://www.athenschurch.com/participate/baptism

    # June 29, 2009 at 2:41 pm

    At first I was quite sure what you meant by 4 columns, I was a little nervous about clicking the link! Now I see what you’re referring to, and so have the lovely CSS Gods. With CSS3 you will be able to achieve this exact thing without using multiple divs, hurrah! But in the meantime (for cross-browser compatibility), some nice folks have provided a Javascript option.

    Gives this article a read, it should provide you with all you will need to know: http://www.alistapart.com/articles/css3multicolumn (includes a link to the Javascript option).

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".