scroll vertical tapado

bichomen · #1 (**permalink**) 26/01/2016, 09:10

Como se ve en la imagen el scroll vertical me queda tapado por un div pegado abajo de un height determinado, el caso es que el div donde se encuentra el scroll no tiene un height determinado sin de porcentual, ¿Entonces por que una pequeña parte me queda escondida por debajo?

div superior

Código HTML:

position: relative;

Dentro de div superior hay un object:

Código HTML:

   	position: absolute;
   	top:0px;
   	width: 100%;
   	height: 100%;

div inferior:

Código HTML:

position:absolute; 
bottom: 0px;
height: 200px;
	}

bichomen

bichomen · #2 (**permalink**) 28/01/2016, 10:56

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