design: Position reference anchors in negative space

This will hopefully fix all known scrolling issues as we got rid of
the master content scrolling div. Needs to be tested thoroughly on
touchscreen browsers.

Also, paging by the Space key works now once page is rendered.

1 files changed, 10 insertions, 5 deletions

diff --git a/templates/styles.css b/templates/styles.css
index 8c3aaf2..b96f19f 100644
--- a/templates/styles.css
+++ b/templates/styles.css
@@ -24,11 +24,8 @@ a:hover {
 }
 
 div.master_content {
-   overflow: auto; 
-   position: absolute; 
-   top: 3.4em; 
-   bottom: 1.8em;
-   width: 100%;
+   padding-top: 3.4em;
+   padding-bottom: 1.8em;
 }
 
 /******   NAVIGATION   ******/
@@ -36,6 +33,7 @@ div.navigation {
    position: fixed;
    top: 0px;
    overflow: hidden;
+   z-index: 1;
    background-color: #606466;
    width: 100%;
    padding: 0.4em 0em 0.4em 0em;
@@ -76,6 +74,7 @@ div.footer {
    position: fixed;
    bottom: 0px;
    overflow: hidden;
+   z-index: 1;
    text-align: center;
    background-color: #4F5659;
    width: 100%;
@@ -177,6 +176,12 @@ div.exif td {
 }
 
 
+/******   GENERAL CLASSES   ******/
+div.position_marker {
+   position: relative;
+   top: -4.3em;
+}
+
 /******   ALBUM THUMBNAILS   ******/
 div.album_thumbs {
    text-align: left;