Note: This post is old! The new version of K2 supports the option to do what this hack sought to do, but does it much more elegantly.
Not exactly the original purpose intended for the site, but since I haven’t gotten any content up yet, I might as well post a bit of a CSS hack. For those of you running Wordpress 2.1, check out 3 Column K2, a hack adding a second sidebar to the original K2 theme for Wordpress.
I have modified the CSS file from the default layout of 3 Column K2 to the layout found on this site (sidebar-content-sidebar). It is installed by simply dropping the CSS file found below into your “styles” folder in your 3ColumnK2 installation, and selecting it as your style in the K2 menu. I’ve only tested it on IE6 and FF2. I’m not a CSS expert so, by all means, let me know if you can clean it up a little bit.
The layout is the exact same as found on this site, 180px Sidebar - 515px Content - 180px Sidebar.
Download here (right-click, save as):
However, if you need the original size sidebars, the following css file is 230px Sidebar - 485px Content - 175px Sidebar.
sblg-content-sb.css
Technorati Tags: 3 column k2, left sidebar to right, move sidebar
Thank you!!! This is just what the doctor ordered.
Thanks! It’s the perfect adjustment to 3K2.
In IE 6, my main content is displaying slightly to the left of where it does in your site, causing it to run into the left sidebar. (It works perfectly in Firefox and IE7.)
I’m using 3 Column K2 0.9.5.1 and tried both sb-content-sb.css and sblg-content-sb.css. The only difference I can spot is that this blog has WordPress 2.1.1 and I’m using 2.1.2.
Any ideas? thanks!
Gar,
I will be upgrading to 2.1.2 this evening, and I will see if that’s the issue.
In the meantime, would you care to post your website address so that I can see exactly what you’re referring to?
oops, that would help. it’s here: http://mlaphil.phillypearl.com
thanks
Awsome! Thanks so much … just what I was looking for!
Gar,
No need to look any further than “Freedom of Information - Advocate, Celebrate, Participate” The content is limited to 515px (give or take depending on which browser, I would say 500px just to be safe). Your “National FOI day” graphic is 550px.
Firefox handles it by apparently automatically resizing the picture (I didn’t know it would do that), but IE6 just increases the width of the main content div. This then pushes the entire content over into your left column.
So, you have two options that I can think of, off the top of my head.
1.Resize the picture and call it a day; enjoy the fact that your site looks roughly the same in IE as FF.
2. Resize the pictures AND add “overflow-x: auto;” into sb-content-sb.css inside of the “#primary {” section. This will not change anything to your site, unless you post something at some point in the future that is too big. Then, it will put a horizontal scrollbar for your content div, instead of moving the entire page. Then, at your convenience, you might notice that you have a scroll bar on your content and can go fix the offending entry.
I recommend trying that out before you resize the picture, so that you will know what I mean. Then you can resize the picture and the scrollbar will go away.
That did it!
Thank you so much for the clear and complete explanation.