Grow your CSS skills. Land your dream job.

Fluid layout with fixed column on right

  • # April 6, 2013 at 5:55 am

    I bought a [responsive WordPress theme](http://themes.okaythemes.com/fixed/) and am trying to customize it so that the sidebar is on the right instead of left. However, after changing the floats from left to right, when you shrink the screen, the main content no longer shrinks. Can you offer any suggestions on how I might fix [my blog](http://www.benmccann.com/dev-blog/) to be fluid?

    # April 6, 2013 at 1:58 pm

    Hello chengas123,
    Your #wrapper is working fine till you put that fixed width pre in it, although that padding should actually be margin.

    Give this a look -

    #wrapper {
    -moz-box-sizing: border-box;
    float: right;
    max-width: 1500px;
    margin: 75px 350px 0 75px;
    position: relative;
    }
    .post-content pre {width: 100px;}

    # April 6, 2013 at 2:24 pm

    remove the float from the header and the #wrapper

    # April 7, 2013 at 12:19 am

    awesome. thanks for the help guys!

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

You must be logged in to reply to this topic.

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