K2 Three Columns, Both Sidebars on the Right, Part II

The latest nightly (v378) of the K2 theme for WordPress (which blogan.net currently uses) changes the CSS selectors for a triple column layout from sidebar-dual to columns-three.

Blogan.net now uses the following CSS in its custom CSS file to display both sidebars display on the right:

/* Page Layout */

h1 { padding-top: 5px; }

.columns-three #page {
	width: 950px;
	padding: 0;  
	border: 0px solid #333;
	border-top: none;
	clear: both;
	}

* html .columns-three #page {
	width: 952px; /* for IE5 and IE6 in quirks mode */
	w\idth: 950px; /* for IE6 in standards mode */
	}

#page {
	margin-top: 10px;
	border-top: 0px solid #333;
}

.columns-three .content {
	padding: 0;
	overflow: hidden;
	}

.content {
	border-bottom: 1px solid #888888;
	}

.columns-three #primary {
	margin-left: 0; /* override style.css */
	float: left;
	width: 499px;
	padding: 20px 25px 20px 25px;
	overflow: hidden;
	border-right: 1px solid #888888;
	}

* html .columns-three #primary {
	width: 550px; /* for IE5 and IE6 in quirks mode */
	w\idth: 499px; /* for IE6 in standards mode */
	}

.columns-three #sidebar-main {
	float: left;
	width: 210px;
	padding: 10px 10px 10px 20px;
	overflow: hidden;
	}

* html .columns-three #sidebar-main {
	width: 240px; /* for IE5 and IE6 in quirks mode */
	w\idth: 210px; /* for IE6 in standards mode */
	}

.columns-three #sidebar-alt {
	float: right;
	width: 125px;
	padding: 10px 25px 10px 10px;
	overflow: hidden;
	left: 0; /* override style.css */
	margin-left: 0; /* override style.css */
	}

* html #sidebar-alt {
	width: 160px; /* for IE5 and IE6 in quirks mode */
	w\idth: 125px; /* for IE6 in standards mode */
	}

#s {width: 70%; }

I also updated the K2 Community Forums with this information.

to get my new posts lovingly delivered to your inbox.

Published by

Brent Logan

Engineer. Lawyer. WordPress geek. Bicycle commuter. Blood donor. Snapshooter extraordinaire.