Changeset 262 for trunk/npemap.org.uk

Timestamp:

Nov 1, 2006, 1:14:58 PM (14 years ago)

Author:

David Sheldon

Message:

Stop the anooying wrapping problem with IE.

Location:

trunk/npemap.org.uk/static/tiles

Files:

• grid.css (modified) (4 diffs)
• mapTiles.js (modified) (2 diffs)

trunk/npemap.org.uk/static/tiles/grid.css

@@ -66 +66 @@
    span.terms {
                  margin-top: 0px;
-     font-family: sans;
+     font-family: sans-serif;
                  font-size: 65%;
                  line-height: 100%;
@@ -119 +119 @@
   background-color: #DDFF9b;
   border: 1px solid black;
-  margin: 0.5em 0 0 0 ;
 }
 
@@ -138 +137 @@
 
 div#theTitle {
+  margin: 0 0 0.5em 0;
   background-color: #667f36;
   text-align: center;
@@ -144 +144 @@
 }
 div#theTitle h1 {
-  margin:0;
+        margin: 0;
   padding: 0.5em 0 0 0.5em;
   height: 1.5em;
-  font-family: sans;
+  font-family: sans-serif;
 }
 
 div#map {
-  margin: 0.5em 0 0 0 ;
   border: 1px solid black;
 }

trunk/npemap.org.uk/static/tiles/mapTiles.js

@@ -213 +213 @@
 
 function drawTable() {
-  sizeGridX = Math.round((screenWidth / tileWidth)-2)
-  sizeGridY = Math.round((screenHeight / tileHeight)-1)
+  sizeGridX = Math.floor(((screenWidth -210) / tileWidth));
+  sizeGridY = Math.floor(((screenHeight -150) / tileHeight));
  
-  page = ''
+  page = '';
   for(var y=sizeGridY; y>=1; y--) {
     for(var x=1; x<=sizeGridX; x++) {
@@ -225 +225 @@
   
   $('map').innerHTML = page
+  $('map').style.width = sizeGridX * tileWidth ;
 }