Wrap everything except .nav-wrapper in a div that we give display:table-cell to, this fixes #219

Tested across IE6/7/8, latest FF, Chrome, Safari and Opera

Signed-off-by: Josh Angell <josh@supercooldesign.co.uk>

2 files changed, 6 insertions, 6 deletions

diff --git a/web/cobrands/fixmystreet/fixmystreet.js b/web/cobrands/fixmystreet/fixmystreet.js
index 5bf5d4dce..125ef2cae 100644
--- a/web/cobrands/fixmystreet/fixmystreet.js
+++ b/web/cobrands/fixmystreet/fixmystreet.js
@@ -99,10 +99,6 @@ $(function(){
         }
     }
 
-    if ($.browser.opera) {
-        $('html').addClass('opera');
-    }
-
     $('html').removeClass('no-js').addClass('js');
 
     $('#pc').focus();
diff --git a/web/cobrands/fixmystreet/layout.scss b/web/cobrands/fixmystreet/layout.scss
index 7fa9b13a3..32aa63df0 100644
--- a/web/cobrands/fixmystreet/layout.scss
+++ b/web/cobrands/fixmystreet/layout.scss
@@ -45,6 +45,9 @@ body {
   display: table;
   caption-side: top;
   width: 100%;
+  .table-cell {
+    display:table-cell;
+  }
 }
 
 //pad the top of the wrapper to allow space for the menu to fit in
@@ -67,7 +70,7 @@ body {
 }
 
 //position absolute the menu as ie doesn't like display:table
-.ie6, .ie7, .opera {
+.ie6, .ie7 {
   .nav-wrapper {
     position: absolute;
     top:0;
@@ -626,8 +629,9 @@ textarea.form-error {
 }
 
 // Frontpage
+
 body.frontpage {
-  .wrapper {
+  .table-cell {
     // we do this so we can have full screen width elements
     >.container {
       width:100%;