Hi, I have a fixed side bar and a liquid main content, placed in a wrapper. I will like my main content to be centered away from my side bar. I used the technique shown in an article from "A List Apart, for what I want it works, although I only need one side bars (the example uses three making the center one look just right) and because of that my main content doesn’t quite center with this technique. Any suggestions!
#3 Today, 12:23 PM
piantella28
Registered User Join Date: Jan 2010
Posts: 2
This is the code (technique copied from"A list Apart":
.container {
padding-left: 195px;
}
.container .primary {
position: relative;
width: 90%;
float: left;
padding: 10px 10px 0px 50px
}
.container .primary .content {
width: 55.32%;
float: right;
padding-right: 2.34%;
display: inline;
}
.container .secondary {
position: relative;
width: 180px;
float: left;
padding: 0 10px;
right: 260px;
margin-left: -90%;
}
This makes my .primary .content push away from the left, thus not looking centered when the screen is resized.
I appreciate any advice!