fix foooter positioning

This commit is contained in:
Gaspard Jankowiak 2013-03-08 11:32:41 +01:00
parent 1813b8a638
commit 34fa3d58f2
2 changed files with 33 additions and 22 deletions

View file

@ -27,21 +27,27 @@
</head> </head>
<body> <body>
<div class="wrapper"> <div id="outter-wrapper">
<div class="wrapper">
<section> <section>
<div id="title"> <div id="title">
<h1><a href="/">Page personnelle de Gaspard Jankowiak</a></h1> <h1><a href="/">Page personnelle de Gaspard Jankowiak</a></h1>
<p>Thésard au Ceremade — Université Paris-Dauphine</p> <p>Thésard au Ceremade — Université Paris-Dauphine</p>
<hr>
</div>
{{ content }}
<hr> <hr>
</div> <span class="credits right">Hosted on GitHub Pages &mdash; Theme derived from <a href="http://twitter.com/#!/michigangraham">mattgraham</a> &mdash;
Powered by <a href="http://jekyllrb.com/">Jekyll</a>
</span>
</section>
{{ content }} </div><!-- wrapper -->
<hr>
<span class="credits right">Hosted on GitHub Pages &mdash; Theme derived from <a href="http://twitter.com/#!/michigangraham">mattgraham</a> &mdash; <div id="foot_image" title="Interf&eacute;rom&egrave;tre du plateau de Bure">
Powered by <a href="http://jekyllrb.com/">Jekyll</a> </div>
</span>
</section>
</div> </div>
<!--[if !IE]><script>fixScale(document);</script><![endif]--> <!--[if !IE]><script>fixScale(document);</script><![endif]-->
@ -56,7 +62,5 @@
} catch(err) {} } catch(err) {}
</script> </script>
<div id="foot_image" title="Interf&eacute;rom&egrave;tre du plateau de Bure">
</div>
</body> </body>
</html> </html>

View file

@ -611,7 +611,7 @@ strong {
max-width: 650px; max-width: 650px;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
padding: 0 20px; padding: 0 20px 150px;
} }
section img { section img {
@ -696,8 +696,6 @@ dt {
section { section {
max-width: 650px; max-width: 650px;
padding: 30px 0px 50px 0px; padding: 30px 0px 50px 0px;
margin: 20px 0;
margin-top: 70px;
} }
section #title { section #title {
border: 0; border: 0;
@ -758,10 +756,6 @@ section .credits.right {
margin-top: -20px; margin-top: -20px;
} }
section {
margin-top: 40px;
}
nav { nav {
display: none; display: none;
} }
@ -799,7 +793,20 @@ nav li {
} }
#foot_image { #foot_image {
position: absolute;
width: 100%;
bottom: 0; bottom: 0;
background-image: url('/images/antennes.png');
height: 150px; height: 150px;
background-image: url('/images/antennes.png');
background-repeat: repeat-x;
}
body, html {
height: 100%;
}
#outter-wrapper {
position: relative;
height: auto !important;
min-height:100%;
} }