GrayScale 0 Denunciar post Postado Outubro 22, 2010 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. #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
Evandro Oliveira 331 Denunciar post Postado Outubro 25, 2010 Comece validando a marcação. Tem um '<' sobrando ali, que pode ser o causador dos problemas. Compartilhar este post Link para o post Compartilhar em outros sites
angelorubin 142 Denunciar post Postado Outubro 25, 2010 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. Compartilhar este post Link para o post Compartilhar em outros sites
William Bruno 1501 Denunciar post Postado Outubro 25, 2010 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
GrayScale 0 Denunciar post Postado Outubro 25, 2010 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
William Bruno 1501 Denunciar post Postado Outubro 25, 2010 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
GrayScale 0 Denunciar post Postado Outubro 26, 2010 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
William Bruno 1501 Denunciar post Postado Outubro 26, 2010 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
GrayScale 0 Denunciar post Postado Outubro 26, 2010 nãso entendi oque voc~e disse. que class clear é essa ? Compartilhar este post Link para o post Compartilhar em outros sites
William Bruno 1501 Denunciar post Postado Outubro 26, 2010 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
GrayScale 0 Denunciar post Postado Outubro 26, 2010 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 ? adicionando:\ o footer não voltou Compartilhar este post Link para o post Compartilhar em outros sites
William Bruno 1501 Denunciar post Postado Outubro 26, 2010 desculpe.. faltou: .clear{ clear: both;} veja agora. Compartilhar este post Link para o post Compartilhar em outros sites
GrayScale 0 Denunciar post Postado Outubro 26, 2010 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
William Bruno 1501 Denunciar post Postado Outubro 26, 2010 sim, exatamente. ^_^ Sucesso ae! Compartilhar este post Link para o post Compartilhar em outros sites