Problema com margin entre elementos
Link do blog: http://testeinfoedu.blogspot.com.
Seguinte: como vocês devem ter percebido, quando acaba o texto da postagem, fica sobrando um espaço que não é para sobrar. Já defini no atributo * da CSS valor 0 pra margin e padding, portanto isso não deveria estar acontecendo. Mas até aí tudo bem, eu coloco uma margem negativa no bloco da postagem e resolvo isso – em todos os navegadores, menos no IE. O que eu faço??
Segue abaixo folha de estilos e source (com a parte que se refere a esse bloco do HTML):
#post {width: 500px;float: left;clear: left;margin-top: 10px;}#postHeader h2 {width: 472px;height: 33px;background: url(http://i193.photobucket.com/albums/z77/bloginfoedu/beta/post_date.jpg)) no-repeat;font: normal normal bold .9em Tahoma;padding: 27px 0 0 28px;}#postBody h2, #postBody h4, #postBody p {width: 444px;background: url(http://i193.photobucket.com/albums/z77/bloginfoedu/beta/p_background.jpg)) repeat-y;padding: 0 28px;}#postBody p {padding-bottom: .4em;}.postSign {text-align: right;}#postFooter {width: 500px;height: 30px;background: url(http://i193.photobucket.com/albums/z77/bloginfoedu/beta/post_footer.jpg)) no-repeat;}HTML:
<!-- Corpo das postagens --> <div id="postBody"> <!-- Título das postagens --> <a name="<$BlogItemNumber$"></a> <BlogItemTitle> <h2><a href="<$BlogItemUrl$>"><$BlogItemTitle$></a></h2> <h2>Postado <$I18NAtTimeWithPermalink$></h2> </BlogItemTitle> <!-- Corpo das postagens --> <p><$BlogItemBody$></p> <!-- Comentários (aparecem só na página das postagens) --> <ItemPage> <h4>Comentários desta postagem:</h4> <BlogItemComments> <a name="<$BlogCommentNumber$>"></a> <p><$BlogCommentBody$></p> <p>Por <$BlogCommentAuthor$>, em <a href="#<$BlogCommentNumber$>"><$BlogCommentDateTime$></a> <$BlogCommentDeleteIcon$></p> </BlogItemComments> </ItemPage> <!-- Assinatura das postagens --> <p class="postSign">Postado pela Margô :: <$BlogItemCommentCount$> Comentário(s)<br /> <a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>Deixe o seu comentário</a></p> </div> <!-- Rodapé das postagens --> <div id="postFooter"> </div>
Discussão (6)
Carregando comentários...