Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Bruno Moreira_168882

Footer não desce junto com sidebar

Recommended Posts

O rodapé desce junto com o conteúdo, mas o problema é que quando não tem conteúdo suficiente ele fica por cima do sidebar? alguem tem uma solução pra ele descer junto com o conteúdo e com o sidebar? muito obrigado

 

#sidebar {

position: absolute;
margin-top: 170px;
margin-left: 630px;
height: 0px;
clear: both;
float: right;


}

 

#footer {

width: 2200px;
   float: left;
clear: both;
margin-top: 115px;
height: 260px;
background:url(imagens/fundofooter.jpg);
   margin-left: -240px;
   border-top: #e88c89 2px solid;

Compartilhar este post


Link para o post
Compartilhar em outros sites

Apenas com esses trechos de códigos fica difícil interpretar o problema, visto que pode ter outra coisa influenciando.

 

Mas, tente trocar esse float: left do #footer para none.

 

Se possível posta um link ou imagem explicativa, fica de melhor entendimento. ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

não funcionou o float: none :/

 

basicamente é isso que está ocorrendo Clique aqui

 

quando tem conteúdo suficiente o footer desce, mas quando não tem ele fica por cima do sidebar

infelizmente o site não está on ainda

 

o código do conteúdo é

<?php get_header(); ?>

<div id="pagblog">

   	<div id="pagblogesq">
       <h1>Blogs</h1>
       <?php
// My custom query for the homepage of wplover.com
$wplover_home = new WP_Query('posts_per_page=10&category_name=blog&paged=' . $paged);

while ($wplover_home->have_posts()) : $wplover_home->the_post(); ?>

<div id="titulopag"><h2><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a></h2></div>
<div id="datacpag"><h3><span class="data"><?php the_time('M j, Y @ G:i') ?></span> por <span class="autor"><?php the_author_nickname(); ?></span>. <span class="comentarios"><a href="<?php comments_link(); ?>"><?php comments_popup_link('Comente!','1 Comentário','% comentários', 'Mais'); ?></a></span></h3></div>
<div id="textopag"><a href="<?php the_permalink(); ?>" rel="bookmark"><p><?php the_excerpt(); ?></p></a></div>


<div id="barranoticia"></div>


<?php 
endwhile;
if(function_exists('wp_pagenavi')) { 
wp_pagenavi( array(
	'query' =>$wplover_home   
)); 
}
?>



</div>








   </div>


  <?php get_sidebar();?>
 <?php get_footer(); ?>

 

 

o estilo do header e do conteudo

/************* PAG BLOG *****************/

#pagblog { width: 960px; float: left;


}

#pagblogesq { width: 630px; float: left;


}

#pagblogesq h1 {
margin-top: 40px;
font-family:Arial, Helvetica, sans-serif;
font-size: 26px;
color: #a80034;


}

#titulopag {
float: left;
margin-top: 20px;
font-family: 'Antic', sans-serif;
font-size: 26px;
color: #a80034;
width: 630px;


}

#datacpag {
width: 630px;
margin-top: 15px;


}

#textopag {
margin-top: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
width: 630px;
margin-bottom: -20px;



}

#pagblog .sociable ul {
display: none;

}

#textopag a:link, #textopag a:visited {
color: #000;



}

.wp-pagenavi span {
margin-top: 40px;

}

 

body { overflow-x:hidden;

}
/* CONTAINER */
#container {

width: 960px;
   margin:0 auto;


}

a img {border: none !important;}

a:link {
text-decoration:none;



}

/* TOPO */

#topo {
width: 960px;


}

#logo {
   margin-top: 35px;

}

/* MENU */

#menu {
margin-top: 35px;
width: 645px;
float: left;

}

#menu ul {
list-style:none;
font-family: 'Antic', sans-serif;
font-size:22px;
color: #000000;
}

#menu li {
display: inline;
padding-right: 9px;
}

.pagenav {
#color: #360;
}

#menu a:link, #menu a:visited {
color: #000000;

}

.vermelho {
color:#e9a19d;

}

.verde {
color:#9abc86;

}

/* SEARCH */

#search {
margin-top: 15px;
float: right;

}

.search_input input {
margin-top: 20px;
width: 235px;
height: 25px;
}

.search_buttom {
   width: 35px;
height: 32px;
}

/* TIMES */

#times {
float: left;
margin-top: 30px;
clear: both;
}

#times li {
display: inline;
padding-right: 7px;
}



}

Compartilhar este post


Link para o post
Compartilhar em outros sites

É porque o sidebar está com posicionamento absoluto, e vai obedecer de acordo com o primeiro ancestral que estivar relativo, independente do que estiver abaixo.

 

Sugiro trocar esse position: absolute, e trabalhar com float: right. No caso se ele "voar" pela tela, coloque um "container" que segure ele mais o conteúdo vizinho da esquerda.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.