From 44c30caa65d912512d012818f9e18e3ff80eaf68 Mon Sep 17 00:00:00 2001 From: Sem Date: Tue, 9 Oct 2012 06:16:50 +0200 Subject: Liquid layout. --- views/default/css/elements/layout.php | 53 ++++++++++++++++++++++------------- 1 file changed, 34 insertions(+), 19 deletions(-) diff --git a/views/default/css/elements/layout.php b/views/default/css/elements/layout.php index a399857..c7238cb 100644 --- a/views/default/css/elements/layout.php +++ b/views/default/css/elements/layout.php @@ -25,16 +25,16 @@ body { min-width: 998px; } .elgg-page-default .elgg-page-header > .elgg-inner { - width: 980px; + min-width: 980px; margin: 0 auto; height: 90px; } .elgg-page-default .elgg-page-body > .elgg-inner { - width: 980px; + min-width: 980px; margin: 0 auto; } .elgg-page-default .elgg-page-footer > .elgg-inner { - width: 940px; + min-width: 940px; margin: 0 auto; padding: 5px 20px; border-top: 1px solid #DEDEDE; @@ -76,22 +76,28 @@ body { background: transparent url(mod/n1_theme/_graphics/n1_small.png) no-repeat 650px bottom; } -/***** PAGE BODY LAYOUT ******/ -.elgg-layout { - min-height: 360px; -} -.elgg-layout-one-sidebar { - background: transparent url(mod/n1_theme/_graphics/sidebar_background.gif) repeat-y right top; +/***** LIQUID LAYOUT *******/ + +.elgg-page-body { + position: relative; /* This fixes the IE7 overflow hidden bug */ + clear: both; + float: left; + width: 100%; /* width of whole page */ + overflow: hidden; /* This chops off any overhanging divs */ + background-color: #dedede; } -.elgg-layout-two-sidebar { - background: transparent url(mod/n1_theme/_graphics/two_sidebar_background.gif) repeat-y right top; +.elgg-layout { + right: 25%; + background-color: #eee; + float: left; + position: relative; + width: 100%; + min-height: 500px; } .elgg-sidebar { - position: relative; - padding: 20px 10px; - float: right; - width: 220px; - margin: 0 0 0 10px; + left: 31%; + width: 21%; + padding: 20px; } .elgg-sidebar-alt { position: relative; @@ -101,8 +107,8 @@ body { margin: 0 10px 0 0; } .elgg-main { - position: relative; - min-height: 360px; + left: 27%; + width: 71%; padding: 10px; padding-left: 20px; } @@ -111,9 +117,18 @@ body { margin-bottom: 10px; } +.elgg-main, .elgg-sidebar { + float: left; + position: relative; + padding: 1em 0 1em 0; + overflow: hidden; +} + /***** PAGE FOOTER ******/ .elgg-page-footer { - position: relative; + clear:both; + float:left; + width:100%; } .elgg-page-footer { color: #999; -- cgit v1.2.3