set a full-width gray background to footer
This commit is contained in:
parent
56fd7755ef
commit
0ce560f3bd
|
@ -1,4 +1,4 @@
|
|||
html, body { margin: 0; font-family: arial, sans-serif; font-size: 13px;}
|
||||
html, body { margin: 0; font-family: arial, sans-serif; font-size: 13px; height: 100%; }
|
||||
a { text-decoration: none; }
|
||||
a:hover { text-decoration: underline; }
|
||||
h1, h2, h3 { margin-top: 0; }
|
||||
|
@ -25,12 +25,18 @@ a {
|
|||
body {
|
||||
overflow-x: hidden;
|
||||
background: white;
|
||||
max-width: 1000px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
div#page {
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
min-height: calc(100% - 75px);
|
||||
}
|
||||
|
||||
div#footer,
|
||||
div#page {
|
||||
max-width: 1000px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
div#header {
|
||||
|
@ -71,9 +77,13 @@ div#main-content {
|
|||
min-height: 300px;
|
||||
}
|
||||
|
||||
div#footer-wrapper {
|
||||
background: #666;
|
||||
color: white;
|
||||
}
|
||||
|
||||
div#footer {
|
||||
clear: both;
|
||||
background: white;
|
||||
padding: 0px;
|
||||
margin: 10px auto 0 auto;
|
||||
position: relative;
|
||||
|
@ -81,13 +91,12 @@ div#footer {
|
|||
|
||||
p#legal {
|
||||
font-size: small;
|
||||
color: #666;
|
||||
color: #eee;
|
||||
margin: 0;
|
||||
margin-top: 5em;
|
||||
font-size: 70%;
|
||||
display: inline-block;
|
||||
padding-top: 5px;
|
||||
border-top: 1px solid #666;
|
||||
}
|
||||
|
||||
#content {
|
||||
|
|
|
@ -79,12 +79,12 @@ div#centre { padding-top: 45px; margin-top: 0px; }
|
|||
|
||||
</div> <!-- #main-content -->
|
||||
</div> <!-- #main-content-wrapper -->
|
||||
</div> <!-- #page -->
|
||||
|
||||
<div id="footer-wrapper">
|
||||
<div id="footer">
|
||||
<p id="legal">Copyright © 2005-2015 Entr'ouvert</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -59,12 +59,12 @@
|
|||
|
||||
</div> <!-- #main-content -->
|
||||
</div> <!-- #main-content-wrapper -->
|
||||
</div> <!-- #page -->
|
||||
|
||||
<div id="footer-wrapper">
|
||||
<div id="footer">
|
||||
<p id="legal">Copyright © 2005-2015 Entr'ouvert</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -61,12 +61,12 @@
|
|||
|
||||
</div> <!-- #main-content -->
|
||||
</div> <!-- #main-content-wrapper -->
|
||||
</div> <!-- #page -->
|
||||
|
||||
<div id="footer-wrapper">
|
||||
<div id="footer">
|
||||
<p id="legal">Copyright © 2005-2015 Entr'ouvert</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Reference in New Issue