[Resolvido] css não pega os comentários

Comece validando a marcação. Tem um '<' sobrando ali, que pode ser o causador dos problemas.

Bom dia,

Depois que você corrigir as coisas que o Evandro citou, tenta colocar overflow:hidden no #content_e para ver se resolve.

Espero qeu ajude.

os comentários estão flutuados ?

dá um display: table no container, ou coloca um elemento nivel de bloco com clear: both; após os flutuados.

poste um link para o site. O problema não está no trecho de código que você postou.

o overflow salvou o dia, mas trouxe um problema o #footer que fica em baixo das notícias sumiu. lembrando que istoé um tema wordpress que estou fazendo. não sei porque mas o footer sumiu.e se vcs souberem um pouco de wordpress, quero saber como destaca o comentário do autor da noticia

index.php

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

<?php if(have_posts()):?>
<?php while(have_posts()): the_post()?>
 <div class="post_snippet">
 <div id="comentario">
 <?php comments_popup_link('0', '1 ', '% '); ?>
 </div>
 <h2><a href="<?php the_permalink();?>" title="Link permanente para <?php the_title_attribute();?> ">
 <?php the_title();?>
 </a></h2>
 <?php the_content("<h4>Leia mais...</h4>");?>
 <!--fim new1-->
 <!--div separador aqui se quiser-->
 </div>
<?php endwhile;?>
<p>
 <?php previous_posts_link("Posts recentes");?>
 <?php next_posts_link("Posts antigos");?>
</p>
<?php else:?>
<h2>Desculpe mas não encontramos o que você estava procurando, mas não desista.</h2>
<?php endif;?>

</div>
</div>

</div>
<!--fim do footer-->

<div id="footer">
<p><?php bloginfo("name");?>
 er orgulhosamente feito para <a href="wordpress.org">Wordpress</a> | <a href="<?php bloginfo("rss2_url");?>">Post completo RSS</a> e <a href="<?php bloginfo("comments_rss2_url");?>">Comentarios do RSS</a> </p>
</div>
</body>
</html>

poste as seguintes regras css:

.post_snippet {}
#comentario {}
um link para o site online, facilitaria muito as coisas.

o problema é que estou guardando este layout como uma surpresa. mas vou ver o que posso fazer.

#comentario {
 background:url(images/bl.png);
 height:36px;
 width:34px;
 background-repeat:no-repeat;
 float:right;
 text-align:center;
 background-repeat:no-repeat;
 padding-top:5px;
}
.post_snippet {
	padding:5px 10px;
	padding-left:10px;
	width:560px;
	text-align:left;
	clear:left;
	color:#505050;
	float:left

	}preciso voltar com o footer, '

pronto, tá ai o 'problema', como 'suspeitei' em #2

retira o overflow.

adiciona o clear ali:

<?php while(have_posts()): the_post()?>
 <div class="post_snippet">
 <div id="comentario">
 <?php comments_popup_link('0', '1 ', '% '); ?>
 </div>
 <h2><a href="<?php the_permalink();?>" title="Link permanente para <?php the_title_attribute();?> ">
 <?php the_title();?>
 </a></h2>
 <?php the_content("<h4>Leia mais...</h4>");?>
 <!--fim new1-->
 <!--div separador aqui se quiser-->
 </div><!-- /post_snippet -->
<?php endwhile;?>
<div class="clear"></div> após o while()

nãso entendi oque voc~e disse. que class clear é essa ?

clear é uma propriedade css

http://www.tableless.com.br/propriedade-float-do-css

substitua o trecho de código que indiquei, e veja o resultado.

o clear tá ali:

<?php endwhile;?>
<div class="clear"></div> viu ?

não aconteceu nads, veja aí.

index.php

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

<?php if(have_posts()):?>
<?php while(have_posts()): the_post()?>
 <div class="post_snippet">
 <div id="comentario">
 <?php comments_popup_link('0', '1 ', '% '); ?>
 </div>
 <h2><a href="<?php the_permalink();?>" title="Link permanente para <?php the_title_attribute();?> ">
 <?php the_title();?>
 </a></h2>
 <?php the_content("<h4>Leia mais...</h4>");?>
 <!--fim new1-->
 <!--div separador aqui se quiser-->
 </div><!-- /post_snippet -->
<?php endwhile;?>
<div class="clear"></div>
<p>
 <?php previous_posts_link("Posts recentes");?>
 <?php next_posts_link("Posts antigos");?>
</p>
<?php else:?>
<h2>Desculpe mas não encontramos o que você estava procurando, mas não desista.</h2>
<?php endif;?>

</div>
</div>

</div>
<!--fim do footer-->

<div id="footer">
<p><?php bloginfo("name");?>
 er orgulhosamente feito para <a href="wordpress.org">Wordpress</a> | <a href="<?php bloginfo("rss2_url");?>">Post completo RSS</a> e <a href="<?php bloginfo("comments_rss2_url");?>">Comentarios do RSS</a> </p>
</div>
</body>
</html>

style.css, apenas #content_e

#content_e {
height:auto;
background:#f6f6e8;
border-left:#4499b8 4px solid;
border-right:#4499b8 4px solid;

/applications/core/interface/imageproxy/imageproxy.php?img=http://img233.imageshack.us/img233/8521/83948267.jpg&key=b0f76d625872fd4369decb3cd9e093d76eed17aa6bf0595d71c61b55c9b26abd" alt="Imagem Postada" />

****

adicionando:\ o footer não voltou

desculpe.. faltou:

.clear{ clear: both;}
veja agora.

até que enfim consegui, valeu mesmo cara. agora o content vai ficar expansível né ?

sim, exatamente. ^_^

Sucesso ae!