The layout for now works well for me but in the Downloads.php section the footer is about 3 times higher, because the main content is little text.
I have added the con-des class to the first container with a height 600px / 70% but I can not lower the footer.
<?php include "includes/header.php" ?>
<div class="container con-des">
<h1>Descargas</h1>
<div class="content-descargas">
<ul class="uldescarga">
<li class="lidescarga"><img title="descargar" class="icondescarga" src="images/icondownload2.png"><a class="enlacedescarga" href="#">Se busca banda</a> </li>
<li class="lidescarga"><img title="descargar" class="icondescarga" src="images/icondownload2.png"><a class="enlacedescarga" href="#">La democracia ha muerto vol 1</a> </li>
<li class="lidescarga"><img title="descargar" class="icondescarga" src="images/icondownload2.png"><a class="enlacedescarga" href="#">La democracia ha muerto vol 2</a> </li>
<li class="lidescarga"><img title="descargar" class="icondescarga" src="images/icondownload2.png"><a class="enlacedescarga" href="#">Bokerones muertos</a> </li>
<li class="lidescarga"><img title="descargar" class="icondescarga" src="images/icondownload2.png"><a class="enlacedescarga" href="#">La desvirtualización de las ideas</a> </li>
</ul>
<p>* Las descargas son gratuitas</p>
</div><!--content-descargas -->
</div><!--container -->
<div class="container">
<div class="redessociales">
<ul>
<li class="ulsociales"><a target="_blank" href="http://www.facebook.com/pages/JAM%C3%93N-DE-MONO/626328110714565?fref=ts"><img src="images/facebook.png"></a></li>
<li class="ulsociales"><a target="_blank" href="http://twitter.com/ferdelapola"><img src="images/twitter.png"></a></li>
<li class="ulsociales"><a target="_blank" href="http://www.youtube.com/user/rockcannabico?feature=watch"><img src="images/youtube.png"></a></li>
</ul>
</div><!--redessociales -->
</div><!--container -->
<?php include "includes/footer.php" ?>
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) {
.imglogo
{
margin-left: 95px;
}
.con-desc
{
height: 77%;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) {
.con-desc
{
height: 600px;
}
.content-descargas
{
height: 700px;
}
}
header.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon-32x32.png" />
<title>Jamón de mono</title>
</head>
<body>
<header>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-2 logodiv">
<img class="imglogo" src="images/logo5.png" alt="">
</div>
<div class="col-xs-12 col-sm-12 col-md-10">
<nav class="navbar navbar-default" role="navigation">
<!-- El logotipo y el icono que despliega el menú se agrupan
para mostrarlos mejor en los dispositivos móviles -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target=".navbar-ex1-collapse">
<span class="sr-only">Desplegar navegación</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Agrupar los enlaces de navegación, los formularios y cualquier
otro elemento que se pueda ocultar al minimizar la barra -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li class="linkmenu active"><a href="index.php">Biografía</a></li>
<li class="linkmenu"><a href="discografia.php">Discografía</a></li>
<li class="linkmenu"><a href="#">Videos</a></li>
<li class="linkmenu"><a href="descargas.php">Descargas</a></li>
</div>
</nav>
</div>
</div>
</div>
</header>
footer.php
<footer>
<div class="container">
<div class="footercontent">
<p class="parrafofooter"> <?php echo date("Y",time()); ?> © Jamón de mono </p>
<p class="parrafofooter">Teléfono: 665 13 39 56 [email protected]</p>
<p class="parrafofooter"><a class="cookie" href="#">Política de cookies</a></p>
</div>
</div> <!-- .container -->
</footer>
<div id="barraaceptacion">
<div class="inner">
<p>Este sitio web usa Cookies de terceros con el fin de que tenga una mejor experiencia de usuario. Al seguir navegando asumimos que está de acuerdo con ellas.<a href="javascript:void(0);" class="ok" onclick="ocultar();">OK</a>
<a class="enlacefooter" href="#" class="info">Más información</a>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"> </script>
<script>
var clic = 1;
function ocultar()
{
if(clic==1)
{
document.getElementById("barraaceptacion").style.display = "none";
// clic = clic + 1;
}
else
{
// document.getElementById("caja").style.height = "0px";
//clic = 1;
}
}
</script>
</body>
</html>