kopia lustrzana https://github.com/magicbug/Cloudlog
Fixed issue #146 where footer was sitting above other html elements
rodzic
96a1f089bc
commit
67e99779ac
|
@ -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>
|
||||
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -68,3 +68,4 @@
|
|||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
20
css/main.css
20
css/main.css
|
@ -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; }
|
||||
|
||||
|
|
Ładowanie…
Reference in New Issue