Submitted by martin on Lun, 06/10/2019 - 09:26

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Document</title>
 <style>
 html{
 min-height:100%;
 position: relative;
 }
 body{
 margin:0;
 margin-bottom:70px;
 }
 .container{
 margin:0 auto;
 background:yellowgreen;
 width:600px;
 height: 70vh;
 }

 img{
 display:block;
 margin:0 auto;
 position:relative;
 top:50%;
 transform: translateY(-50%);
 }


 footer{
 background: black;
 position: absolute;
 bottom:0;
 width:100%;
 height: 70px;
 color:white;
 }

 </style>

</head>
<body>
 <div class="container">
 <img src="https://picsum.photos/200" alt="">
 </div>
 <footer>
 Pé de páxina
 </footer>
</body>


</html>