fix fluid layout for choklet_bannertwo

7 files changed, 43 insertions, 18 deletions

diff --git a/view/css/choklet.css b/view/css/choklet.css
index bb7b8fbd2..bf97e07b7 100644
--- a/view/css/choklet.css
+++ b/view/css/choklet.css
@@ -19,9 +19,7 @@ nav.navbar {
 }
 
 #nav-backer {
-	position: absolute;
-	top: 0;
-	left: 0;
+	width: 100%;
 }
 
 aside#region_1 {
diff --git a/view/css/choklet_bannertwo.css b/view/css/choklet_bannertwo.css
index 86be8914b..014c2c893 100644
--- a/view/css/choklet_bannertwo.css
+++ b/view/css/choklet_bannertwo.css
@@ -6,7 +6,7 @@ header #banner {
 	margin-right: auto;
 }
 #blog-banner {
-/*	position: relative; */
+	position: relative; 
 	width: 100%;
 	margin-bottom: 20px;
 	margin-left: auto;
@@ -14,24 +14,27 @@ header #banner {
 	overflow-x: hidden;
 }
 
+main {
+	display: table;
+	table-layout: fixed;
+	position: relative;
+	width: 100%;
+	height: 100%;
+}
+
 nav.navbar { 
 	width: 100%;
 }
 
 #nav-backer {
-	position: absolute;
-	top: 0;
-	left: 0;
 	width: 100%;
-	z-index: 0;
 }
 
 aside#region_1 {
-	display: block;
-	min-width: 210px;
-	max-width: 220px;
-	width: 20%;
-	float: left;
+	min-width: 231px;
+	max-width: 231px;
+	display: table-cell;
+	width: 231px;
 	margin-left: 10px;
 }
 
@@ -43,11 +46,9 @@ aside input[type='text'] {
 section {
 	margin-left: 15px;
 	margin-right: 15px;
-	float: left;
-	min-width: 400px;
-	width: 70%;
-	display: block;
-	padding-bottom: 350px;
+	width: 100%;
+	display: table-cell;
+	padding-bottom: 200px;
 }
 
 #region_3 {
diff --git a/view/css/choklet_edgesthree.css b/view/css/choklet_edgesthree.css
index ad4b4e29c..df936d66e 100644
--- a/view/css/choklet_edgesthree.css
+++ b/view/css/choklet_edgesthree.css
@@ -18,6 +18,12 @@ nav.navbar {
 	margin-right: 5%;
 }
 
+#nav-backer { 
+	width: 90%;
+	margin-left: 5%;
+	margin-right: 5%;
+}
+
 aside#region_1 {
 	display: block;
 	min-width: 210px;
diff --git a/view/css/choklet_edgestwo.css b/view/css/choklet_edgestwo.css
index 96bfbc696..a591a01c4 100644
--- a/view/css/choklet_edgestwo.css
+++ b/view/css/choklet_edgestwo.css
@@ -19,6 +19,12 @@ nav.navbar {
 	margin-right: 5%;
 }
 
+#nav-backer {
+	width: 90%;
+	margin-left: 5%;
+	margin-right: 5%;
+}
+
 aside#region_1 {
 	display: block;
 	min-width: 210px;
diff --git a/view/css/choklet_full.css b/view/css/choklet_full.css
index 883bb1ed3..d00178016 100644
--- a/view/css/choklet_full.css
+++ b/view/css/choklet_full.css
@@ -12,6 +12,12 @@ nav.navbar {
 	margin-right: 5%;
 }
 
+#nav-backer { 
+	width: 90%;
+	margin-left: 5%;
+	margin-right: 5%;
+}
+
 aside#region_1 {
 	display: block;
 	min-width: 210px;
diff --git a/view/css/choklet_three.css b/view/css/choklet_three.css
index 5bbff0e3b..5a305efcf 100644
--- a/view/css/choklet_three.css
+++ b/view/css/choklet_three.css
@@ -18,6 +18,12 @@ nav.navbar {
 	margin-right: 0;
 }
 
+#nav-backer { 
+	width: 100%;
+	margin-left: 0;
+	margin-right: 0;
+}
+
 aside#region_1 {
 	display: block;
 	min-width: 210px;
diff --git a/view/php/choklet.php b/view/php/choklet.php
index 2c38ab2c4..0d8b66c29 100644
--- a/view/php/choklet.php
+++ b/view/php/choklet.php
@@ -11,11 +11,13 @@
 		<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"><?php if(x($page,'nav')) echo $page['nav']; ?></nav>

 		<div id="nav-backer" class="navbar">&nbsp;</div>

 		<div id="blog-banner"><?php if(x($page,'banner')) echo $page['banner']; ?></div>

+		<main>

 		<aside id="region_1"><?php if(x($page,'aside')) echo $page['aside']; ?></aside>

 		<section id="region_2"><?php if(x($page,'content')) echo $page['content']; ?>

 			<div id="page-footer"></div>

 			<div id="pause"></div>

 		</section>

+		</main>

 		<aside id="region_3"><?php if(x($page,'right_aside')) echo $page['right_aside']; ?></aside>

 		<div class="clear"></div>

 		<footer><?php if(x($page,'footer')) echo $page['footer']; ?></footer>