2 columns - Fluid - same length - CSS

Send Snippet To: Save this snippet to Code Collector Pro -- view all powidl's snippets
language: CSS
license: Other

Code for Snippet:

                
#content {
	background: url('bkgr.gif') 30% 0% repeat-y;
	width: 90%;
	margin:1em auto;
	border: 1px solid black;
	text-align:left;
	max-width: 1024px;
}
#sidebar {
	float: left;
	width: 30%;
	margin:0; padding:0;
}
#sidebar-content {
	margin:0; padding: 0.5em 1em;
	font-size: 70%;
}
#main {
	margin:0 0 0 30%; padding:0;
}
#main-content {
	margin:0; padding: 0.5em 1em;
	font-size: 100%;
}
hr.cleaner {
	clear:both;
	height:1px;
	margin: -1px 0 0 0; padding:0;
	border:none;
	visibility: hidden;
}
comments powered by Disqus

Info

Tags: 2 columns same length css

Link to this snippet:


Download to Code Collector

To use the direct link to your snippet on CodeCollector.net either copy the html from the above section or drag the Download to Code Collector to where you would like to use it.

More Info:

Times Viewed: 662
Date Added: 2009-03-02 11:30:08
Last Modified: 0000-00-00 00:00:00

Web Analytics