Ir para conteúdo

Arquivado

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

GrayScale

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

Recommended Posts

estou com um problema no meu css, os comentários estão ficando fora do conteudo que tem com height auto. estou postando um print para vocês entenderem melhor e o css do conteudo.

 

Imagem Postada

 

#content_e {
height:auto;
background:#f6f6e8; 
width:980px; margin-top:40px;
}

header:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes();?>>
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo("html_type");?>;<?php bloginfo("charset");?>" />
<title>
<?php bloginfo('name') ;?>
</title>
<script src="<?php bloginfo('template_url');?>/mainindex.js" language="javascript" ></script>
<link rel="stylesheet" href="<?php bloginfo("stylesheet_url");?> " media="screen" type="text/css" />
</head>
<body>
<div id="bar">Language</div>
<div id="header"> <a href="<?php  echo get_option("home");?>"> <img src="<?php bloginfo('template_url');?>/images/lgo2.png" vspace="40" border="0" align="left" /> </a>
  <div class="dscript"></div>
  <div id="navega"> </div>
</div>
<!--Fim do header-->
<div id="wrap">
<!--Inicio do header-->
<em></em>
<div align="center">
<div align="center">
  <div id="lasts">Blá, blá bla... </div>
</div>
<div id="content_e">
<div id="menubar"></div>
  <div id="menu"><h2><?php wp_list_pages('title_li=');?></h2></div>

se precisar de outro codigo me avisa.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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();?>
<!--Começo conteudo-->
<?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;?>
<!--fim do comteudo-->
</div>
</div>
<!--começo do footer-->

  
</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>

Compartilhar este post


Link para o post
Compartilhar em outros sites

poste as seguintes regras css:

 

.post_snippet {}
#comentario {}

um link para o site online, facilitaria muito as coisas.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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, '

Compartilhar este post


Link para o post
Compartilhar em outros sites

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()

Compartilhar este post


Link para o post
Compartilhar em outros sites

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 ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

não aconteceu nads, veja aí.

index.php

<?php get_header();?>
<?php get_sidebar();?>
<!--Começo conteudo-->
<?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;?>
<!--fim do comteudo-->
</div>
</div>
<!--começo do footer-->

  
</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;
width:951px;}

sem o overflow volta tudo ao zero, e é assim mesmo:colocar a class:clear sem ter nada sobre ela no style.css ?

 

Imagem Postada

adicionando:\ o footer não voltou

Compartilhar este post


Link para o post
Compartilhar em outros sites

desculpe.. faltou:

 

.clear{ clear: both;}

veja agora.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

sim, exatamente. ^_^

 

Sucesso ae!

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.