Help with 2 column CSS layout

1

i really like this layout:
http://www.nysfirm.org/documents/html/wmg/css-4-1-05/twocolumn/fixed.html

the problem i’m having is that i’d like to switch the placement of the “sidebar” and “content” divs, so that the sidebar is on the right, and the content is on the left.

i’ve been trying for hours… and i’m stumped…
i’m hopefull to get some help with the code, as well as a brief explanation!!

i’ll post the css below, or you can take a look at the page via the link.

thanks a zillion in advance!!
:slight_smile:

		html, body { margin: 0; padding: 0; }
		body { padding-bottom: 20px; text-align: center; }
		#container {
			text-align: left;
			margin: 0 auto;
			width: 770px;
		}		
		#header {
			border: 1px solid black;
			margin: 20px;
			padding: 20px;
		}
		#sidebar {
			border: 1px solid black;
			width: 200px;
			margin-left: 20px;
			float: left;
			display: inline; /* floats are handled as block elements, this is to fix 
							 a margin collapsing bug in IE */
		}
		#content {
			margin-left: 242px;
			margin-right: 20px;
			border: 1px solid black;
			padding: 20px;
		}
		#footer {
			margin: 20px 20px 0 20px;
			padding: 20px;
			border: 1px solid black;
			clear: left;
		}

or here’s the link to the page again:
http://www.nysfirm.org/documents/html/wmg/css-4-1-05/twocolumn/fixed.html