morningtoast · June 12, 2014 19:45
diff --git a/fixed-fluid-columns b/fixed-fluid-columns
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <title>Dynamic Drive: CSS Liquid Layout #2.1- (Fixed-Fluid)</title>
 <style type="text/css">





 	#contentwrapper{
 		float: left;
 		width: 100%;
 	}

 	#leftcolumn{
 		float: left;
 		width: 700px; /*Width of left column*/
 		margin-left: -100%;
 		background: #C8FC98;
 		display: block;
 	}

 	#contentcolumn{

 		margin-left: 700px; /*Set left margin to LeftColumnWidth*/
 	}



 @media all and (max-width: 900px) {
 	#leftcolumn { display: none; } 

 	#contentwrapper {
 		float: none;
 	}

 	#contentcolumn{
 		margin-left: 0; /*Set left margin to LeftColumnWidth*/
 	}


 }


 </style>

 </head>
 <body>
 <p>here</p>
 <div style="max-width:1120px">
 	<div id="contentwrapper">
 		<div id="contentcolumn">
 			<p>Knife-edged crossbody leg sweep followed by a diving vertical Canadian crossbody eye poke snapmare on thumb tacks, followed by a knife-edged pumphandle back breaker kick into a knife-edged swinging bionic super choke full nelson, into a sliding vertical gutwrench arm drag followed by a inverted crossbody springboard sleeper clothesline through a table, into a flying bionic dropkick sleeper into the Spanish announce table into a twisting swinging Russian head lock facebuster figure-four, followed by a diving crossbody full nelson eye poke crossface then a swinging Canadian moss-covered clothesline tilt-a-whirl for the three-count.</p>
 		</div>
 	</div>

 	<div id="leftcolumn">
 			<p>Knife-edged crossbody leg sweep followed by a diving vertical Canadian crossbody eye poke snapmare on thumb tacks, followed by a knife-edged pumphandle back breaker kick into a knife-edged swinging bionic super choke full nelson, into a sliding vertical gutwrench arm drag followed by a inverted crossbody springboard sleeper clothesline through a table, into a flying bionic dropkick sleeper into the Spanish announce table into a twisting swinging Russian head lock facebuster figure-four, followed by a diving crossbody full nelson eye poke crossface then a swinging Canadian moss-covered clothesline tilt-a-whirl for the three-count.</p>
 	</div>
 </div>
 <p>here</p>
 </body>
 </html>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>Dynamic Drive: CSS Liquid Layout #2.1- (Fixed-Fluid)</title>
	<style type="text/css">





	#contentwrapper{
	float: left;
	width: 100%;
	}

	#leftcolumn{
	float: left;
	width: 700px; /Width of left column/
	margin-left: -100%;
	background: #C8FC98;
	display: block;
	}

	#contentcolumn{

	margin-left: 700px; /Set left margin to LeftColumnWidth/
	}



	@media all and (max-width: 900px) {
	#leftcolumn { display: none; }

	#contentwrapper {
	float: none;
	}

	#contentcolumn{
	margin-left: 0; /Set left margin to LeftColumnWidth/
	}


	}


	</style>

	</head>
	<body>
	<p>here</p>
	<div style="max-width:1120px">
	<div id="contentwrapper">
	<div id="contentcolumn">
	<p>Knife-edged crossbody leg sweep followed by a diving vertical Canadian crossbody eye poke snapmare on thumb tacks, followed by a knife-edged pumphandle back breaker kick into a knife-edged swinging bionic super choke full nelson, into a sliding vertical gutwrench arm drag followed by a inverted crossbody springboard sleeper clothesline through a table, into a flying bionic dropkick sleeper into the Spanish announce table into a twisting swinging Russian head lock facebuster figure-four, followed by a diving crossbody full nelson eye poke crossface then a swinging Canadian moss-covered clothesline tilt-a-whirl for the three-count.</p>
	</div>
	</div>

	<div id="leftcolumn">
	<p>Knife-edged crossbody leg sweep followed by a diving vertical Canadian crossbody eye poke snapmare on thumb tacks, followed by a knife-edged pumphandle back breaker kick into a knife-edged swinging bionic super choke full nelson, into a sliding vertical gutwrench arm drag followed by a inverted crossbody springboard sleeper clothesline through a table, into a flying bionic dropkick sleeper into the Spanish announce table into a twisting swinging Russian head lock facebuster figure-four, followed by a diving crossbody full nelson eye poke crossface then a swinging Canadian moss-covered clothesline tilt-a-whirl for the three-count.</p>
	</div>
	</div>
	<p>here</p>
	</body>
	</html>
No results found