[Crotan]

I'm very curious what others are using for this, since I've yet to get it to work. The closest I've gotten so far is

<style type="text/css">
#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background:#ffd8b7;		/* Left column background colour */
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:200px;
	background:#fff;    	/* Centre column background colour */
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-400px;
	background:#ff9;    	/* Right column background colour */
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	margin:0 15px 0 415px;
	overflow:hidden;
}
#col1 {
	width:100%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:170px;
	position:relative;
	margin-left:-50%;
	left:215px;
	overflow:hidden;
}
#col3 {
	float:left;
	width:170px;
	position:relative;
	left:15px;
	overflow:hidden;
}
</style>

<div id="colmask">
	<div id="colmid">
		<div id="colright">
			<div id="col1wrap">
				<div id="col1pad">
					<div id="col1">
						<!-- Column 1 start -->
<ul class="list_no_decoration" id="widgetlist_column1">$column[1]</ul>
						<!-- Column 1 end -->
					</div>
				</div>
			</div>
			<div id="col2">
				<!-- Column 2 start -->
				<ul class="list_no_decoration" id="widgetlist_column2">$column[2]</ul>
				<!-- Column 2 end -->
			</div>
			<div id="col3">
				<!-- Column 3 start -->
								<ul class="list_no_decoration" id="widgetlist_column3">$column[3]</ul>
				<!-- Column 3 end -->
			</div>
		</div>
	</div>
</div>

Which will present me with what I want in the layout manager, a fixed fluid fixed layout! However useless because I can only place widgets into one column!.