Use fixed not absolute positioning

codefrau · Aug 25, 2016 · 81fd5ee · 81fd5ee
1 parent aea0e78
commit 81fd5ee
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 15 deletions.
diff --git a/benchmark/benchmark.css b/benchmark/benchmark.css
@@ -15,7 +15,7 @@ canvas.pixelated {
     -ms-interpolation-mode: nearest-neighbor;
 }
 div#sqSpinner {
-    position: absolute;
+    position: fixed;
     margin: auto; top: 0; left: 0; bottom: 0; right: 0;
     width: 100px;
     height: 100px;

diff --git a/demo/simple.css b/demo/simple.css
@@ -3,7 +3,7 @@ body {
     font-family: sans-serif;
 }
 canvas {
-    position: absolute;
+    position: fixed;
     background: #000;
     cursor: default;
 }
@@ -17,23 +17,23 @@ label {
     padding-right: 3em;
 }
 div#sqHeader {
-    position: absolute;
+    position: fixed;
     top: 0;
     left: 0;
     right: 0;
     padding: 10px;
     border-bottom: 6px double gray;
 }
 div#sqFooter {
-    position: absolute;
+    position: fixed;
     left: 0;
     right: 0;
     bottom: 0;
     padding: 10px;
     border-top: 6px double gray;
 }
 div#sqSpinner {
-    position: absolute;
+    position: fixed;
     margin: auto; top: 0; left: 0; bottom: 0; right: 0;
     width: 100px;
     height: 100px;

diff --git a/etoys/etoys.css b/etoys/etoys.css
@@ -3,7 +3,7 @@ body {
     font-family: sans-serif;
 }
 canvas {
-    position: absolute;
+    position: fixed;
     background: #000;
     cursor: default;
 }
@@ -14,23 +14,23 @@ canvas.pixelated {
     -ms-interpolation-mode: nearest-neighbor;
 }
 div#sqHeader {
-    position: absolute;
+    position: fixed;
     top: 0;
     left: 0;
     right: 0;
     padding: 10px;
     border-bottom: 6px double gray;
 }
 div#sqFooter {
-    position: absolute;
+    position: fixed;
     left: 0;
     right: 0;
     bottom: 0;
     padding: 10px;
     border-top: 6px double gray;
 }
 div#sqSpinner {
-    position: absolute;
+    position: fixed;
     margin: auto; top: 0; left: 0; bottom: 0; right: 0;
     width: 100px;
     height: 100px;

diff --git a/run/squeakjs.css b/run/squeakjs.css
@@ -3,7 +3,7 @@ body {
     font-family: sans-serif;
 }
 canvas {
-    position: absolute;
+    position: fixed;
     background: #000;
     display: none;
 }
@@ -22,7 +22,7 @@ h1 {
     margin: 0 20px 0 5px;
 }
 div#sqSpinner {
-    position: absolute;
+    position: fixed;
     margin: auto; top: 0; left: 0; bottom: 0; right: 0;
     width: 100px;
     height: 100px;

diff --git a/scratch/scratch.css b/scratch/scratch.css
@@ -3,7 +3,7 @@ body {
     font-family: sans-serif;
 }
 canvas {
-    position: absolute;
+    position: fixed;
     background: #000;
     cursor: default;
 }
@@ -14,23 +14,23 @@ canvas.pixelated {
     -ms-interpolation-mode: nearest-neighbor;
 }
 div#sqHeader {
-    position: absolute;
+    position: fixed;
     top: 0;
     left: 0;
     right: 0;
     padding: 10px;
     border-bottom: 6px double gray;
 }
 div#sqFooter {
-    position: absolute;
+    position: fixed;
     left: 0;
     right: 0;
     bottom: 0;
     padding: 10px;
     border-top: 6px double gray;
 }
 div#sqSpinner {
-    position: absolute;
+    position: fixed;
     margin: auto; top: 0; left: 0; bottom: 0; right: 0;
     width: 100px;
     height: 100px;