Fixed issue #146 where footer was sitting above other html elements

pull/150/head
Peter Goodhall 2013-09-17 23:04:52 +01:00
rodzic 96a1f089bc
commit 67e99779ac
4 zmienionych plików z 18 dodań i 11 usunięć

Wyświetl plik

@ -1,6 +1,9 @@
</div> <!-- end wrapper -->
<div id="footer">
<a href="http://www.cloudlog.co.uk">Powered by Cloudlog</a>
<div class="container">
<a href="http://www.cloudlog.co.uk">Powered by Cloudlog</a>
</div>
</div>
</body>

Wyświetl plik

@ -34,7 +34,7 @@
<body>
<!-- Header -->
<div id="wrap">
<div class="topbar">
<div class="fill">
<div class="container">
@ -124,4 +124,3 @@
</div>
<div id="clear" class="clear"></div>
<div id="wrap">

Wyświetl plik

@ -68,3 +68,4 @@
</form>
</div>
</div>

Wyświetl plik

@ -1,14 +1,18 @@
html, body {height: 100%;}
#wrap {min-height: 100%;}
#main {overflow:hidden; padding-bottom: 3em; /* must be same height as the footer */ }
body,html{
height:100%;
}
#wrap {
min-height:100%;
}
#footer{
height:40px;
margin-top:-40px;
text-align: right;
}
#container { padding-top: 50px; width: 940px; margin: 0 auto; }
#footer { width: 940px; margin: -3em auto; text-align: right; position: relative; clear:both; height: 3em;
/* margin-top must be the negative value of footer height */ }
table .titles { font-weight: bold; color: #439BF6; }
table .title { font-weight: bold; color: #439BF6; }