fix fluid layout for choklet_bannertwo

6 files changed, 41 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;