Fluid layout with fixed column on right

[chengas123]

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?

[Excavator]

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;}

[wolfcry911]

remove the float from the header and the #wrapper

[chengas123]

awesome. thanks for the help guys!

[Author]

Posts