Soporte » Guías – Resolución de problemas » Como fijar pie de página?

  • Resuelto mantoragu

    (@mantoragu)


    Buenas, tengo un problema con el pié de página cuando el contenido de una página no es muy grande, el pié de página se me sube.

    ¿Hay alguna forma de dejarlo fijo fácilmente?

    He mirado por el foro y por internet y he probado de todo pero no consigo hacerlo.

    Gracias.

Viendo 4 respuestas - 1 de 4 (de 4 total)
  • Una solución sencilla sería modificando el css. Por ejemplo, en el theme Twenty Twelve, si le añades a la clase .wrapper { min-height: 1500px } tendrás una altura de un mínimo de 1500px en todas las páginas.
    Todo depende del theme que estés usando y de como sea el archivo css que use.
    Si lo que quieres es un pie de página fijo (siempre visible aunque la página se más grande) creo que tendrias que usar javascript para conseguirlo.

    Muchas gracias por la respuesta, en mi css lo que aparece del footer es esto

    /* #Footer
    ================================================== */
    #pre-footer{
    	padding:20px 0;
    	text-align:center;
    	border-top:1px solid #f3f3f3;
    	background-color:#eee;
    	background-image:-webkit-gradient(linear, left top, left bottom, from(#d2ddb9), to(#d2ddb9));
    	background-image: -webkit-linear-gradient(top, rgb(251,251,251) 0%, rgb(238,238,238) 100%);
    	background-image:    -moz-linear-gradient(top, rgb(251,251,251) 0%, rgb(238,238,238) 100%);
    	background-image: 	  -ms-linear-gradient(top, rgb(251,251,251) 0%, rgb(238,238,238) 100%);
    	background-image: 	   -o-linear-gradient(top, rgb(251,251,251) 0%, rgb(238,238,238) 100%);
    	background-image: 		  linear-gradient(top, rgb(251,251,251) 0%, rgb(238,238,238) 100%);
    	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 1) inset;
    	   -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 1) inset;
    			box-shadow:0 1px 0 rgba(255, 255, 255, 1) inset;
    }
    #footer{
    	color:#000000;
    	border-bottom:none;
    }
    #footer .footer-inner{
    	padding:0;
    }
    #footer a{
    	color:#fff;
    }
    #footer a:hover{
    	text-decoration:underline;
    }
    #footer-wrap{
    	padding:35px 0 10px;
    }
    #footer h1,
    #footer h2,
    #footer h3,
    #footer h4,
    #footer h5,
    #footer h6 {
    	color:#267000;
    }
    #footer .widget a{
    	color:#267000;
    }
    #footer .widget a:hover{
    	color:#fff;
    	text-decoration:underline;
    }

    Que es lo que tendría que modificar??

    Gracias

    Este es el codigo que me aparece en footer.php en Aparencia/Editor

    <?php if ( slicetheme_option('interface_prefooter') == 1 ) { ?>
    	<div id="pre-footer">
    
    		<div class="pre-footer-inner">
    
    			<div class="container">
    
    				<div class="sixteen columns content">
    					<?php echo do_shortcode( slicetheme_option('interface_prefooter_text') ); ?>
    					<div class="clearfix"></div>
    				</div>
    
    			</div>
    
    		</div>
    
    	</div>
    	<?php } ?>
    
    	<!-- footer -->
    	<footer id="footer">
    
    		<div class="footer-inner">
    
    			<div id="footer-wrap" class="container">
    
    				<?php
    				$footer_columns = slicetheme_option('footer_columns', 4);
    
    				switch ($footer_columns)
    				{
    					case 1: $class = 'sixteen columns'; break;
    					case 2: $class = 'eight columns'; break;
    					case 3: $class = 'one-third column'; break;
    					case 4: $class = 'four columns'; break;
    				}
    
    				for ($i = 1; $i <= $footer_columns; $i++)
    				{
    					?>
    					<!-- footer widget -->
    					<div class="<?php echo $class; ?>">
    						<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer Column '.$i)) : ?><?php endif; ?>
    					</div>
    					<!-- end footer widget -->
    					<?php
    				}
    				?>
    
    			</div>
    			<!--
    			<div id="copyright">
    
    				<?php if ( slicetheme_option('interface_scrolltop') == 1 ) { ?>
    				<a class="scrollTop" href="javascript:void(0);">Scroll to Top</a>
    				<?php } ?>
    
    				<div class="container copyright-inner">
    
    					<div class="eight columns">
    						<?php echo slicetheme_option('footer_copyright', 'Copyright &copy; 2012 Bapia. WordPress Theme by <a href="http://www.slicetheme.com/">SliceTheme</a>'); ?>
    					</div>
    
    					<div class="eight columns far-edge">
    
    					</div>
    
    				</div>
    
    			</div>
    			-->
    
    		</div>
    
    	</footer>
    	<!-- end footer -->
    
    </div>
    <!-- end .wrap -->
    
    <?php if ( slicetheme_option('interface_preheader') == 1 ) { ?>
    <div id="pre-header">
    
    	<div class="pre-header-inner">
    
    		<div class="container content">
    
    			<?php
    			$preheader_columns = slicetheme_option('interface_preheader_columns', 3);
    			switch ($preheader_columns)
    			{
    				case 1: $class = 'sixteen columns'; break;
    				case 2: $class = 'eight columns'; break;
    				case 3: $class = 'one-third column'; break;
    				case 4: $class = 'four columns'; break;
    			}
    
    			for ($i = 1; $i <= $preheader_columns; $i++)
    			{
    				?>
    				<!-- preheader widget -->
    				<div class="<?php echo $class; ?>">
    					<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Pre-Header Column '.$i)) : ?><?php endif; ?>
    				</div>
    				<!-- end preheader widget -->
    				<?php
    			}
    			?>
    
    		</div>
    
    	</div>
    
    	<a class="pre-arrow open" href="javascript:void(0);">Open Close</a>
    
    </div>
    <?php } ?>
    
    <?php wp_footer(); ?>
    <?php echo slicetheme_option('site_tracking'); ?>
    </body>
    </html>

    Y este en page.php en aparencia/editor

    <?php get_header(); ?>
    
    	<?php
    	$page_template = get_post_meta($post->ID, '_page_template', TRUE);
    
    	switch ($page_template):
    		case 'blog':
    			get_template_part( 'template', 'blog' );
    		break;
    		case 'portfolio':
    			get_template_part( 'template', 'portfolio' );
    		break;
    		case 'contact':
    			get_template_part( 'template', 'contact' );
    		break;
    		case 'sitemap':
    			get_template_part( 'template', 'sitemap' );
    		break;
    		case 'default':
    		default:
    
    			$page_default = get_post_meta($post->ID, '_page_default', TRUE);
    			?>
    
    			<!-- main-container -->
    			<section id="main-container" class="container" role="main">
    
    				<?php
    				switch ($page_default):
    					case 'fw':
    						?>
    						<div id="main" class="sixteen columns content">
    						<?php
    					break;
    					case 'lb':
    						?>
    						<div id="main" class="twelve columns content-part right">
    						<?php
    					break;
    					case 'rb':
    						?>
    						<div id="main" class="twelve columns content-part">
    						<?php
    					break;
    				endswitch;
    
    				get_template_part( 'library/includes/loop', 'page' );
    
    				switch ($page_default):
    					case 'fw':
    						?>
    						</div>
    						<?php
    					break;
    					case 'lb':
    						?>
    						</div>
    						<!-- sidebar left -->
    						<aside id="sidebar" class="four columns sidebar left">
    
    							<?php get_sidebar(); ?>
    
    						</aside>
    						<!-- end sidebar left -->
    						<?php
    					break;
    					case 'rb':
    						?>
    						</div>
    						<!-- sidebar right -->
    						<aside id="sidebar" class="four columns sidebar">
    
    							<?php get_sidebar(); ?>
    
    						</aside>
    						<!-- end sidebar right -->
    						<?php
    					break;
    				endswitch;
    				?>
    
    			</section>
    			<!-- end main-container -->
    
    			<?php
    		break;
    	endswitch;
    	?>
    
    <div><?php get_footer(); ?></div>

Viendo 4 respuestas - 1 de 4 (de 4 total)
  • El debate ‘Como fijar pie de página?’ está cerrado a nuevas respuestas.