Corrections

toddballard · Jun 15, 2011 · a49a13e · a49a13e
1 parent 70a2484
commit a49a13e
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 45 deletions.
diff --git a/css/screen.less b/css/screen.less
@@ -27,36 +27,17 @@ body {
 // LAYOUT //
 ////////////
 
-div#viewport {
-	position: relative;
-	width: 768px;
-	height: 1024px;
-	overflow: hidden;
+header#top {
+	.column(12);
 }
-div#view-container {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 2304px;
-	height: 1024px;
-
-	div.view {
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 768px;
-		height: 1024px;
-
-		&#view-1 {
-			background-color: red;
-		}
-		&#view-2 {
-			left: 768px;
-			background-color: green;
-		}
-		&#view-3 {
-			left: 1536px;
-			background-color: blue;
-		}
-	}
+
+#sidebar {
+	.column(3);
+}
+#maincolumn {
+	.column(9);
+}
+
+footer#bottom {
+	.column(12);
 }
diff --git a/index.html b/index.html
@@ -17,21 +17,23 @@
 </head>
 <body>
 
-	<div id="viewport">
-		<div id="view-container">
+	<!-- Header -->
+	<header id="top">
+		Header
+	</header>
 
-			<div id="view-1" class="view">
-				<h1>View 1</h1>
-			</div>
-			<div id="view-2" class="view">
-				<h1>View 2</h1>
-			</div>
-			<div id="view-3" class="view">
-				<h1>View 3</h1>
-			</div>
-
-		</div>
-	</div>
+	<!-- Main Body -->	
+	<section id="sidebar">
+		Sidebar
+	</section>
+	<article id="maincolumn">
+		Main
+	</article>
+
+	<!-- Footer -->
+	<footer id="bottom">
+		Footer
+	</footer>
 
 </div>
 </body>