Hola, después de leer ---->>
http://www.cssstickyfooter.com/es/us...r-code-es.html
Ya se me queda abajo el footer, me ha quedado la siguiente estructura:
CSS:
Código HTML:
html, body
{
font-family: "Roboto-Regular";
width:100%;
height: 100%;
}
body > section
{
height: auto;
min-height: 100%;
}
section
{
text-align: center;
vertical-align:middle;
position: relative;
padding-bottom: 200px;
}
.contenido object
{
position: relative;
top:0px;
left: 0px;
width: 100%;
height: 100%;
border: none;
}
.clearfix:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix
{
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix
{
height: 1%;
}
.clearfix
{
display: block;
}
/* End hide from IE-mac */
footer
{
z-index: 100;
position: relative;
margin-top: -200px; /* negative value of footer height */
height: 200px;
width: 100%;
background-color: #5677fc;
text-align: center;
vertical-align:middle;
clear:both;
}
Y el HTML:
Código PHP:
<body>
<header>
<?php include("extructura/cabecera.php"); ?>
</header>
<nav>
<?php include("extructura/menu.php"); ?>
</nav>
<main>
<section class="clearfix">
<object type="text/html" width="100%" data="extructura/contenido.php" id="frame" name="contenedor" onload="this.style.height=this.contentDocument.body.scrollHeight +'px';"></object>
</section>
</main>
<footer>
<?php include("extructura/pie.php"); ?>
</footer>
Pero me ha quedado ahora un reborde izquierdo y a lo alto, muy molesto porque ocupan espacio y me han aparecido scrollbars tanto verticales como horizontales y no se como quitarlo:
A ver si me podéis ayudar porque antes el div de cabecera estaba pegado arriba, sin espacio alguno.
bichomen