Permalink
Browse files

fixed left-margin scrolling bugs!

  • Loading branch information...
skoh-fley
skoh-fley committed Apr 19, 2012
1 parent b5188f4 commit 3a522f74082846566184ef84e695f47c4dff4ca0
Showing with 26 additions and 16 deletions.
  1. +1 −0 html/footer.html
  2. +13 −5 html/general.css
  3. +12 −11 html/header.html
View
@@ -1,3 +1,4 @@
+ </div>
</div>
<div id="footer">
get the <a class="footer" href="http://github.com/cslug/cslug-site/">source</a>!<br/>
View
@@ -3,7 +3,7 @@
* parent elements including, in HTML5, html, must have a 100% height as well.
*/
html, body {
- height: 100%;
+ height: 99%;
}
body {
@@ -39,11 +39,10 @@ body {
div#left-margin {
background-color: #000;
- float: left;
- min-height: 110%;
+ height: 100%;
text-align: center;
- width: 163px;
- position: fixed;
+ width: 164px;
+ position: absolute;
}
/* Fix for firefox */
@@ -110,9 +109,18 @@ div#footer {
font-family: arial, sans-serif;
font-size: 10px;
padding: 0 10px 15px 0;
+ position: relative;
+ bottom: 50px;
+ right: 10px;
text-align: right;
}
+div#page-body {
+ display: inline-block;
+ position: relative;
+ min-height: 100%;
+}
+
a.footer {
color: #666;
}
View
@@ -5,14 +5,15 @@
<link rel="stylesheet" type="text/css" href="html/general.css"/>
</head>
<body>
- <div id="left-margin">
- <div id="logo"><a href="?">cslug</a></div>
- <ul id="navigation">
- <li><a class="navigation" href="?">about/news</a></li>
- <li><a class="navigation" href="?members">members</a></li>
- <li><a class="navigation" href="?minutes">minutes</a></li>
- <li><a class="navigation" href="?links">links/contact</a></li>
- <li><a class="navigation" href="?admin">admin</a></li>
- </ul>
- </div>
- <div id="page-content">
+ <div id="page-body">
+ <div id="left-margin">
+ <div id="logo"><a href="?">cslug</a></div>
+ <ul id="navigation">
+ <li><a class="navigation" href="?">about/news</a></li>
+ <li><a class="navigation" href="?members">members</a></li>
+ <li><a class="navigation" href="?minutes">minutes</a></li>
+ <li><a class="navigation" href="?links">links/contact</a></li>
+ <li><a class="navigation" href="?admin">admin</a></li>
+ </ul>
+ </div>
+ <div id="page-content">

0 comments on commit 3a522f7

Please sign in to comment.