Bruno Moreira_168882 0 Denunciar post Postado Maio 21, 2012 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
André do Vale 76 Denunciar post Postado Maio 21, 2012 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
Bruno Moreira_168882 0 Denunciar post Postado Maio 21, 2012 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
André do Vale 76 Denunciar post Postado Maio 21, 2012 É 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
Bruno Moreira_168882 0 Denunciar post Postado Maio 21, 2012 acabei de fazer isso e tentar um monte de coisa, mas nada está dando certo... o footer nunca fica de acordo com o sidebar, só se tiver conteudo suficiente no meio pra ele ficar ;/ obrigado pelas dicas. Compartilhar este post Link para o post Compartilhar em outros sites
André do Vale 76 Denunciar post Postado Maio 21, 2012 Posta por favor como ficou o HTML depois das inclusões das "partes". Ou se tiver algum link, melhor ainda. Compartilhar este post Link para o post Compartilhar em outros sites