lakshman108 · February 15, 2013 00:51
diff --git a/dabblet.css b/dabblet.css
 /**
 * relative and static tutorial
 */

 #wrapper {
   margin: 0 14em 0 12em;
   padding: 0 1em;
 }

 body {
   margin: 0 auto;
   min-width: 40em;
   max-width: 56em;
 }
 
 #sidebar {
   width: 13em;
   padding: 0 0.5em;
   background-color: #ff6;
 }
 
 #nav {
   width: 11em;
   padding: 0 0.5em;
   background-color: #ddd;
 }
 
 #main {
   float: left;
   width: 100%;
 }
 
 #sidebar {
   float: left;
   width: 13em;
   padding: 0 0.5em;
   background-color: #ff6;
   margin-left: -14em;
   position: relative;
   left: 15em;
 }
 
 #nav {
   float: left;
   width: 11em;
   padding: 0 0.5em;
   background-color: #ddd;
   margin-left: -100%;
   position: relative;
   right: 13em;
 }
 
 #footer {
    clear: left;
    border-top: 1px solid #369;
 }
diff --git a/dabblet.html b/dabblet.html
   <body>
 <div id="header">Header</div>
   <div id="wrapper">
     <div id="main">Main Content</div>
     <div id="sidebar">Sidebar</div>
     <div id="nav">Navigation</div>
   </div>
 <div id="footer">Footer</div>
   </body>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* relative and static tutorial
	*/

	#wrapper {
	margin: 0 14em 0 12em;
	padding: 0 1em;
	}

	body {
	margin: 0 auto;
	min-width: 40em;
	max-width: 56em;
	}

	#sidebar {
	width: 13em;
	padding: 0 0.5em;
	background-color: #ff6;
	}

	#nav {
	width: 11em;
	padding: 0 0.5em;
	background-color: #ddd;
	}

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

	#sidebar {
	float: left;
	width: 13em;
	padding: 0 0.5em;
	background-color: #ff6;
	margin-left: -14em;
	position: relative;
	left: 15em;
	}

	#nav {
	float: left;
	width: 11em;
	padding: 0 0.5em;
	background-color: #ddd;
	margin-left: -100%;
	position: relative;
	right: 13em;
	}

	#footer {
	clear: left;
	border-top: 1px solid #369;
	}
No results found