set a full-width gray background to footer

This commit is contained in:
Frédéric Péters 2015-03-10 11:45:36 +01:00
parent 56fd7755ef
commit 0ce560f3bd
4 changed files with 18 additions and 9 deletions

View File

@ -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 {

View File

@ -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>

View File

@ -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>

View File

@ -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>