From 03817485b3254cf8b84667873074b0b69cf72f3d Mon Sep 17 00:00:00 2001 From: Pim van den Berg Date: Wed, 26 Dec 2012 15:14:31 +0100 Subject: layout: use the max width of the browser to show the graphs Reference: http://stackoverflow.com/questions/1260122/expand-div-to-take-remaining-width --- layout/style.css | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/layout/style.css b/layout/style.css index f61b0ad..56b7644 100644 --- a/layout/style.css +++ b/layout/style.css @@ -15,7 +15,12 @@ body { text-decoration: none; } -#content, #footer{ +#content { + padding-left: 20px; +} + +#footer { + clear: both; padding: 0px 20px 16px; } @@ -96,10 +101,7 @@ hr { } .graphs { - display: inline-block; - margin: 0 0 0 20px; - width: 83%; - vertical-align: top; + overflow: hidden; } .graphs img { @@ -108,8 +110,8 @@ hr { } .plugins { - display: inline-block; - width: 12%; + float: left; + margin-right: 25px; } .plugins ul > li:first-of-type { -- cgit v1.1