Phoenix theme. 3 columns. CSS problem with third

Use this forum to make posts not related to PivotX. Do you use a tool that someone else might like or need to test something like your signature or some bbcode? This is the right place for you! Spamming will not be tolerated.

Phoenix theme. 3 columns. CSS problem with third

Postby Justice » Thu Feb 16, 2012 6:27 pm

Hi everyone, I have next problem. I realize idea with 3rd column in Phoenix theme - see 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;
Posts: 51
Joined: Wed Nov 23, 2011 10:18 pm

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

Postby Harm10 » Thu Feb 16, 2012 6:33 pm

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.
Quality is in the detail of things............

Want to change or update your PivotX site? Mail or PM me!
I can also convert your site to a Wordpress site!
Posts: 2010
Joined: Wed Jun 17, 2009 9:37 am
Location: Somewhere in The Netherlands (aka Holland)

Return to The Drain

Who is online

Users browsing this forum: No registered users and 1 guest