无法将我的侧边栏与内容部分而不是评论对齐

时间:2011-07-15 作者:AndrettiMilas

相关链接:http://themeforward.com/demo2/2011/01/17/testing-comments/

我已经玩了大约10分钟,试图让侧边栏正确对齐,但我弄不清楚。

我把我的评论放在一个新的分区中,将它们与帖子分开。通常我不会这样做,但我希望设计师在开始使用此主题进行构建时,能够拥有完整的CSS控制,而无需添加新类。

Anyway, my sidebar ends up being aligned with my comments rather than the content on my page.

在这里,将div移到endif下不是一个选项,因为如果需要的话,我希望能够自己设计帖子的样式。将评论放在侧边栏下方会使评论消失!

我的代码如下所示:

<?php get_header(); ?>
<div id="container">
<div id="post_content">
<div class="clear">
<!-- Grab posts -->
<?php if (have_posts()) : ?><?php while (have_posts()) : the_post(); ?>

<!-- Post title -->
<h1><?php the_title(); ?></h1>


<div class="sub-title-post">
<?php the_time(\'F j, Y\'); ?> by <?php the_author_posts_link( ); ?>, under <?php the_category(\', \') ?>
</div>

<!-- The post -->
<?php the_content(); ?>


<?php edit_post_link(\'Edit\', \'<p>\', \'</p>\'); ?>

<!-- Tags -->
<h3 class="tags"><?php the_tags(\'Tags \',\' / \',\'<br />\'); ?></h3>
<h3 class="tags"><?php $turl = getTinyUrl(get_permalink($post->ID));
echo \'Short URL <a href="\'.$turl.\'">\'.$turl.\'</a>\' ?></h3>

<!-- Next/Previous Posts -->
<div class="mp_archive2">
<div id="more_posts">
<div class="oe"><?php previous_post_link(\'%link\', \'-\', TRUE); ?></div>
<div class="re"><?php next_post_link(\'%link\', \'+\', TRUE); ?></div>
</div>
</div>




</div>
<?php endwhile; else: ?>
<p>No matching entries found.</p>
<?php endif; ?>
</div>

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


</div>
</div>
<?php get_footer(); ?>

3 个回复
最合适的回答,由SO网友:kaiser 整理而成

将内容和注释放入容器div中,float为:left;然后将其添加到侧栏中。

SO网友:Wyck

你的CSS都搞砸了,首先你要浮动边栏和其他容器left, 第二次停止使用!重要信息:当您甚至没有覆盖任何内容时,下一个主要问题是您使用clear:both: 到处都是。

移动<?php get_sidebar(); ?> 在上面<?php comments_template(); ?> 取出不必要的CSS和float:left.

同时考虑使用post_classhttp://codex.wordpress.org/Function_Reference/post_class

SO网友:Sean Lee

尝试将帖子内容的样式设置为向左浮动,将侧边栏设置为向右浮动,并清除左侧的注释。

结束

相关推荐

将WordPress主题的css拆分成多个文件,好还是坏?

我正在开发WordPress主题框架。我想将每个部分的CSS组织到单独的文件中,原因如下。开发人员可以轻松地按父主题取消注册样式,并加载自己的样式</易于维护</根据用户选择的选项,我只能加载所需的样式不利Extra http请求=>服务器上的负载更大。在使用诸如wp minify之类的插件向用户提供CSS文件之前,可以通过组合所有CSS文件来解决这一缺点。但是,这种结合过程是否会超过上述优势。