lakshman108 · February 2, 2013 00:03
diff --git a/dabblet.css b/dabblet.css
 /**
 * side-fixed two-column
 */
 body {
 background: tan;

 }
 div#container {
 width: 800px;
 margin: auto;
 }

 div#topbar{
 position: fixed;
 background: black;
 width: 100%;
 top: 0px;
 left: 0px;
 text-align: center;
 height: 50px;
 z-index: 1;
 }

 div#picture {
 position: fixed;
 background: grey;
 margin-right: 450px;
 height: 250px;
 width: 310px;
 top: 50px;
 }

 div#nav {
 position: fixed;
 background: green;
 margin-right: 450px;
 height: 250px;
 width: 310px;
 top: 300px;
 }

 div#content {
 position: relative;
 background: pink;
 display: inline;
 float: right;
 width: 490px;
 height: 450px;
 top: 50px;
 }

 p {
 color: white;
 margin: 0px
 }
diff --git a/dabblet.html b/dabblet.html
 <body>

 <div id="topbar"><p>TopBar</p></div>

 <div id="container">
 	<div id="picture">Picture Container</div>
 	<div id="nav">Nav Bar</div>
 	<div id="content">Content</div>

 </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"}
	<body>

	<div id="topbar"><p>TopBar</p></div>

	<div id="container">
	<div id="picture">Picture Container</div>
	<div id="nav">Nav Bar</div>
	<div id="content">Content</div>

	</div>




	</body>
No results found