kopia lustrzana https://github.com/magicbug/Cloudlog
Added a wrapper div and CSS to make the footer stick to the bottom of the page. Docs at cssstickyfooter.com. Closes magicbug/cloudlog#135.
rodzic
de041bb6cd
commit
66d0bef23a
|
@ -1,3 +1,4 @@
|
||||||
|
</div> <!-- end wrapper -->
|
||||||
<div id="footer">
|
<div id="footer">
|
||||||
<a href="http://www.cloudlog.co.uk">Powered by Cloudlog</a>
|
<a href="http://www.cloudlog.co.uk">Powered by Cloudlog</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -17,6 +17,13 @@
|
||||||
<link rel="stylesheet" href="<?php echo base_url();?>css/bootcamp/bootstrap.css" type="text/css" />
|
<link rel="stylesheet" href="<?php echo base_url();?>css/bootcamp/bootstrap.css" type="text/css" />
|
||||||
<link rel="stylesheet" href="<?php echo base_url();?>css/main.css" type="text/css" />
|
<link rel="stylesheet" href="<?php echo base_url();?>css/main.css" type="text/css" />
|
||||||
|
|
||||||
|
<!-- Sticky Footer IE -->
|
||||||
|
<!--[if !IE 7]>
|
||||||
|
<style type="text/css">
|
||||||
|
#wrap {display:table;height:100%}
|
||||||
|
</style>
|
||||||
|
<![endif]-->
|
||||||
|
|
||||||
<!-- Theming Code Goes Here -->
|
<!-- Theming Code Goes Here -->
|
||||||
|
|
||||||
<!-- Icons -->
|
<!-- Icons -->
|
||||||
|
@ -117,3 +124,4 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="clear" class="clear"></div>
|
<div id="clear" class="clear"></div>
|
||||||
|
<div id="wrap">
|
||||||
|
|
|
@ -1,6 +1,13 @@
|
||||||
|
html, body {height: 100%;}
|
||||||
|
|
||||||
|
#wrap {min-height: 100%;}
|
||||||
|
|
||||||
|
#main {overflow:auto; padding-bottom: 3em; /* must be same height as the footer */ }
|
||||||
|
|
||||||
#container { padding-top: 50px; width: 940px; margin: 0 auto; }
|
#container { padding-top: 50px; width: 940px; margin: 0 auto; }
|
||||||
|
|
||||||
#footer { width: 940px; margin: 0 auto; text-align: right; }
|
#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 .titles { font-weight: bold; color: #439BF6; }
|
||||||
table .title { font-weight: bold; color: #439BF6; }
|
table .title { font-weight: bold; color: #439BF6; }
|
||||||
|
|
Ładowanie…
Reference in New Issue