map display fixes for ie6

2 files changed, 25 insertions, 6 deletions

diff --git a/web/cobrands/barnet/layout.scss b/web/cobrands/barnet/layout.scss
index f997445f7..b8806b2a9 100644
--- a/web/cobrands/barnet/layout.scss
+++ b/web/cobrands/barnet/layout.scss
@@ -86,8 +86,9 @@
   padding: 0 1em;
 }
 
-#site-header {
-    display: none;
+#site-header,
+#site-logo {
+    display: none !important;
 }
 
 #side-form {
@@ -136,8 +137,23 @@ body > html {font-size: 12px;}
 #content.fullWidth {width: 678px;}
 #content.home {margin-top: 18px;}
 
-.mappage #content.withWidth {margin: 0 0 0 0px; width: auto; overflow: hidden; float: left; display: inline;}
-.mappage #content.fullWidth {width: 900px;}
+.mappage {
+    #content.withWidth {margin: 0 0 0 0px; width: auto; overflow: hidden; float: left; display: inline;}
+    #content.fullWidth {width: 900px;}
+}
+
+/* IE6 ignore the second #foo.bar rule so we have to fudge it another way */
+.ie6 {
+    .mappage {
+        .wrapper {
+            margin: 0 0 0 -232px;
+            overflow: hidden;
+            float: left;
+            display: inline;
+            width: 900px;
+        }
+    }
+}
 
 #breadcrumb {font-size: .9em; color: #5c6267; padding: 6px 0; margin: 0 0 0 232px;}
 #breadcrumb.full {margin: 0;}
@@ -149,6 +165,9 @@ body > html {font-size: 12px;}
 /* ############################################################## */
 
 #column_nav {width: 214px; float: left; display: inline; padding: 0; margin: -35px 0 0 -910px; border-right: 3px solid #fff;}
+.ie6 #column_nav {
+    margin: -590px 0 0 0px;
+}
 body.mappage #column_nav { display: none; }
 
 
diff --git a/web/cobrands/barnet/position_map.js b/web/cobrands/barnet/position_map.js
index 95e6717ee..3a8d8c078 100644
--- a/web/cobrands/barnet/position_map.js
+++ b/web/cobrands/barnet/position_map.js
@@ -2,13 +2,13 @@ function position_map_box() {
     var map_pos = 'absolute', map_height = '100%';
     if ($('html').hasClass('ie6')) {
         map_pos = 'absolute';
-        map_height = $(window).height();
+        map_height = $('.wrapper').height();
     }
     $('#map_box').prependTo('.wrapper').css({
         zIndex: 0, position: map_pos,
         top: $('.wrapper').top, left: $('.wrapper').left,
         right: $('.wrapper').right, bottom: $('.wrapper').bottom,
-        width: '100%', height: map_height,
+        width: '900px', height: map_height,
         margin: 0
     });
 }