Permalink
Browse files

Footer wasn't sticky on IE7+8

  • Loading branch information...
henrik242 authored and Henrik Brautaset Aronsen committed May 13, 2009
1 parent 130b7a2 commit a1e7b2b328165eb2edd31d07a89e89164512e03e
Showing with 16 additions and 20 deletions.
  1. +7 −10 src/template.inc
  2. +7 −10 templates/default-css/template.inc
  3. +1 −0 templates/default-table/template.inc
  4. +1 −0 templates/henrie/template.inc
View
@@ -1,4 +1,4 @@
-<!-- quirksmode -->
+<!--[if lte IE 6]><!-- quirksmode --><![endif]-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--
This file is part of Music Browser.
@@ -26,21 +26,17 @@ Copyright 2006-2008 Henrik Brautaset Aronsen
<!--
body { margin: 0; padding: 150px 0 25px 0; color: #000; background: #fff;
font-family: 'Times New Roman', Times, serif; font-size: 1em; }
- div#header { width: 100%; height: 150px; position: absolute; top: 0; left: 0; color: #000; background: #91AA9D; padding: 0px; }
- div#footer { overflow: auto; width: 100%; height: 25px; position: absolute; bottom: 0; left: 0;
+ div#header { width: 100%; height: 150px; position: fixed; top: 0; left: 0; color: #000; background: #91AA9D; padding: 0px; }
+ div#footer { overflow: auto; width: 100%; height: 25px; position: fixed; bottom: 0; left: 0;
color: #000; background: #91AA9D; padding: 1px; font-size: 0.8em; }
div#content { padding: 0; }
- @media screen {
- body>div#header { position: fixed; }
- body>div#footer { position: fixed; }
- }
div#leftheader { text-align: left; margin-right: 500px; height: 150px; overflow: auto; padding: 0px; }
- div#rightheader { position: absolute; height: 150px; top: 0; right: 0; }
+ div#rightheader { position: fixed; height: 150px; top: 0; right: 0; }
div#leftfooter { float: left; text-align: left; }
div#rightfooter { float: right; text-align: right; }
div#breadcrumb { margin: 10px 10px 10px 10px; }
div#cover { margin: 0px 10px 10px 10px; }
- #box { display: block; color: black; position:absolute; z-index: 100; padding: 1em; top: 30px; left: 70px; }
+ #box { display: block; color: black; position: fixed; z-index: 100; padding: 1em; top: 30px; left: 70px; }
.box { padding: 10px; background-color: #CCC; }
.boxbutton { padding: 1px 5px; vertical-align: top; background-color: gray; color: white; }
@@ -59,7 +55,7 @@ Copyright 2006-2008 Henrik Brautaset Aronsen
.loading { text-decoration: blink; text-align: center; font-style: italic; }
.error { color: red; }
.feet { text-decoration: none; padding-right: 10px; padding-left: 10px; }
- .searchresult {list-style-type: none; padding-top: 10px; padding-right: 20px; margin: 0px; }
+ .searchresult { list-style-type: none; padding-top: 10px; padding-right: 20px; margin: 0px; }
#batplay { padding: 5px; background-color: #ffffff; margin-top: 10px; }
-->
</style>
@@ -69,6 +65,7 @@ Copyright 2006-2008 Henrik Brautaset Aronsen
<style type="text/css">
body { height: 100%; overflow: hidden; font-size: 100%; }
div#content { width: 100%; height: 100%; overflow: auto; }
+ div#header, div#footer, div#rightheader, #box { position: absolute; }
</style>
<script type="text/javascript">onload = function() { content.focus() }</script>
<![endif]-->
@@ -1,4 +1,4 @@
-<!-- quirksmode -->
+<!--[if lte IE 6]><!-- quirksmode --><![endif]-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--
This file is part of Music Browser.
@@ -26,21 +26,17 @@ Copyright 2006-2008 Henrik Brautaset Aronsen
<!--
body { margin: 0; padding: 150px 0 25px 0; color: #000; background: #fff;
font-family: 'Times New Roman', Times, serif; font-size: 1em; }
- div#header { width: 100%; height: 150px; position: absolute; top: 0; left: 0; color: #000; background: #91AA9D; padding: 0px; }
- div#footer { overflow: auto; width: 100%; height: 25px; position: absolute; bottom: 0; left: 0;
+ div#header { width: 100%; height: 150px; position: fixed; top: 0; left: 0; color: #000; background: #91AA9D; padding: 0px; }
+ div#footer { overflow: auto; width: 100%; height: 25px; position: fixed; bottom: 0; left: 0;
color: #000; background: #91AA9D; padding: 1px; font-size: 0.8em; }
div#content { padding: 0; }
- @media screen {
- body>div#header { position: fixed; }
- body>div#footer { position: fixed; }
- }
div#leftheader { text-align: left; margin-right: 500px; height: 150px; overflow: auto; padding: 0px; }
- div#rightheader { position: absolute; height: 150px; top: 0; right: 0; }
+ div#rightheader { position: fixed; height: 150px; top: 0; right: 0; }
div#leftfooter { float: left; text-align: left; }
div#rightfooter { float: right; text-align: right; }
div#breadcrumb { margin: 10px 10px 10px 10px; }
div#cover { margin: 0px 10px 10px 10px; }
- #box { display: block; color: black; position:absolute; z-index: 100; padding: 1em; top: 30px; left: 70px; }
+ #box { display: block; color: black; position: fixed; z-index: 100; padding: 1em; top: 30px; left: 70px; }
.box { padding: 10px; background-color: #CCC; }
.boxbutton { padding: 1px 5px; vertical-align: top; background-color: gray; color: white; }
@@ -59,7 +55,7 @@ Copyright 2006-2008 Henrik Brautaset Aronsen
.loading { text-decoration: blink; text-align: center; font-style: italic; }
.error { color: red; }
.feet { text-decoration: none; padding-right: 10px; padding-left: 10px; }
- .searchresult {list-style-type: none; padding-top: 10px; padding-right: 20px; margin: 0px; }
+ .searchresult { list-style-type: none; padding-top: 10px; padding-right: 20px; margin: 0px; }
#batplay { padding: 5px; background-color: #ffffff; margin-top: 10px; }
-->
</style>
@@ -69,6 +65,7 @@ Copyright 2006-2008 Henrik Brautaset Aronsen
<style type="text/css">
body { height: 100%; overflow: hidden; font-size: 100%; }
div#content { width: 100%; height: 100%; overflow: auto; }
+ div#header, div#footer, div#rightheader, #box { position: absolute; }
</style>
<script type="text/javascript">onload = function() { content.focus() }</script>
<![endif]-->
@@ -48,6 +48,7 @@ form { display: inline; }
#content { text-align: left; }
#breadcrumb { text-align: left; padding-bottom: 10px; }
.searchresult {list-style-type: none}
+#batplay { padding: 5px; background-color: #ffffff; margin-top: 10px; }
-->
</style>
<script type="text/javascript" src="musicbrowser.js"></script>
@@ -126,6 +126,7 @@ div#footer {
.box { padding: 10px; background-color: #CCC; }
.boxbutton { padding: 1px 5px; vertical-align: top; background-color: gray; color: white; }
.boxbutton:link { text-decoration: none; }
+#batplay { padding: 5px; background-color: #ffffff; margin-top: 10px; }
a { color: #2222AA; text-decoration: none; }
a:hover { text-decoration: underline; }

0 comments on commit a1e7b2b

Please sign in to comment.