From b31aa49a4356d251e4450e5d5f11c8f26ce332bb Mon Sep 17 00:00:00 2001 From: friendica Date: Wed, 14 May 2014 16:33:48 -0700 Subject: this doesn't really work --- view/css/choklet.css | 7 ++++++- view/css/choklet_bannertwo.css | 11 +++++++++-- view/php/choklet.php | 1 + 3 files changed, 16 insertions(+), 3 deletions(-) (limited to 'view') diff --git a/view/css/choklet.css b/view/css/choklet.css index e5e0240f5..bb7b8fbd2 100644 --- a/view/css/choklet.css +++ b/view/css/choklet.css @@ -8,7 +8,6 @@ header #banner { #blog-banner { position: relative; - margin-top: 75px; width: 100%; margin-bottom: 20px; } @@ -19,6 +18,12 @@ nav.navbar { margin-right: 0; } +#nav-backer { + position: absolute; + top: 0; + left: 0; +} + aside#region_1 { display: block; min-width: 210px; diff --git a/view/css/choklet_bannertwo.css b/view/css/choklet_bannertwo.css index 386f8ead3..86be8914b 100644 --- a/view/css/choklet_bannertwo.css +++ b/view/css/choklet_bannertwo.css @@ -6,8 +6,7 @@ header #banner { margin-right: auto; } #blog-banner { - position: relative; - margin-top: 75px; +/* position: relative; */ width: 100%; margin-bottom: 20px; margin-left: auto; @@ -19,6 +18,14 @@ 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; diff --git a/view/php/choklet.php b/view/php/choklet.php index 74891044a..2c38ab2c4 100644 --- a/view/php/choklet.php +++ b/view/php/choklet.php @@ -9,6 +9,7 @@
+
-- cgit v1.2.3 From 0bfd08b547891a839a7cefc1e592254f72c7ffd8 Mon Sep 17 00:00:00 2001 From: friendica Date: Wed, 14 May 2014 18:07:01 -0700 Subject: fix fluid layout for choklet_bannertwo --- view/css/choklet.css | 4 +--- view/css/choklet_bannertwo.css | 31 ++++++++++++++++--------------- view/css/choklet_edgesthree.css | 6 ++++++ view/css/choklet_edgestwo.css | 6 ++++++ view/css/choklet_full.css | 6 ++++++ view/css/choklet_three.css | 6 ++++++ view/php/choklet.php | 2 ++ 7 files changed, 43 insertions(+), 18 deletions(-) (limited to 'view') 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 @@
+
+
-- cgit v1.2.3