Page 1 of 1

Phoenix theme. 3 columns. CSS problem with third

PostPosted: Thu Feb 16, 2012 6:27 pm
by Justice
Hi everyone, I have next problem. I realize idea with 3rd column in Phoenix theme - see http://psychology-my-family.ru But when I resize browser window it's automatically replaced with window resizing and I can't fix it. Any ideas??

3rd column in style.css:
#sidebar {
width: 202px;
padding: 0px 20px 0px 20px;
position: absolute; right: 190px; top: 510px;
}

Re: Phoenix theme. 3 columns. CSS problem with third

PostPosted: Thu Feb 16, 2012 6:33 pm
by Harm10
You are using absolute positioning. Why? Normally you position the columns next to each other with float: left.
If I just start your site the right column is over the middle one. Try to experiment with float positioning. If you make the body a fixed amount of pixels and all other parts relative to that (100% for the whole width and another percentage for the columns) then resizing will give better results.