[thelist] IE ouchies - floated little logo, columns problem

Thu Feb 24 05:04:16 CST 2005

here's a quick 2 col example.

1st col floated left. 2nd col uses 1st col width + 10px as margin-left.

both cols inside a container div

to achieve the look of two columns use a background image with 2
colours repeated vertically.

container div needs a Clearer DIV - becaues of floated content,

<body>
<div id="container" style="background:#ccc url(my2col.jpg) top left repeat-y;">
	<div id="left" style="float:left;width:180px;">
		my left col<br>my left col<br>my left col<br>my left col<br>
		my left col<br>my left col<br>my left col<br>my left col<br>
	</div>
	<div id="right" style="margin-left:190px;">
		my right col<br>my right col<br>my right col<br>my right col<br>
		my right col<br>my right col<br>my right col<br>my right col<br>
	</div>
	<div style="clear:all"></div>
</div>
</body>

regards
ben