Question

I have an issue related to be able to keep header and left column fixed and centered. The header css for such task works fine but I’m not able to get left column fixed and centered. If i set the position property to fixed, it automatically keeps on the left and is not centered.

I have a sample code of my work here http://jsfiddle.net/hvN7Q/3/

As you can see in the sample, if you resize the window, left column keeps on the left and it’s not centered.

Anyone could help me?

Answer 1

You could use left: 50%; and margin-left: -whatever where whatever is half the width of your left column. This will keep it in the center.