The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

Layout issues and questions

  • # April 28, 2008 at 5:52 pm

    I’ve finally decided to cut lose the tables and move on to pure CSS layouts. Unfortunately, it’s been a real pain. I’ve read book after book, visited numerous sites and well… now I’m confused and overwhelmed.

    "The perfect fluid layout" is exactly what I’m looking for, but I need help with just one thing. I need to add another fluid column into the layout – fluid, fluid and fixed. I can’t seem to wrap my head around it.

    I would greatly appreciate any advice or suggestions!


    # April 28, 2008 at 6:11 pm

    This reply has been reported for inappropriate content.

    If you need to go Fluid-Fluid-Fixed, this is how I would do it:


    … stuff …
    … stuff …
    … stuff …


    #page-wrap {
    min-width: 600px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px;
    #fixed-container {
    width: 250px;
    float: right;
    #fluid-containers {
    padding-right: 260px;
    .fluid-container {
    width: 47%;
    float: left;
    padding-right: 10px;
    # April 28, 2008 at 6:29 pm

    It’s perfect, I honestly can’t thank you enough! Amazingly you just cured two days of pure and unadulterated frustration!

    Thanks again!

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed