float issues

• 

  chorusdesign · Member · May 23, 2012 at 1:42 am

  • Copy link
  • Add topic to favorites

  Hi. I’m new to wordpress (2nd day) and not too experienced at CSS. I’m having an issue whereby my index.php is fine with one post but when I add a new post, my sidebar won’t clear it and remains aligned with the initial post. Below is what my code looks like with some of my relevant CSS. Would be awesome if someone could spot where I’m going wrong. Thanks in advance!

  <div id="main-content">

  <article <?php post_class() ?> id="post-<?php the_ID(); ?>">

  <div id="headline">
  <h2>"><?php the_title(); ?></h2>

  <?php include (TEMPLATEPATH . '/_/inc/meta.php' ); ?>
  </div>
  <div id="entry" class="entry">
  <?php the_content(); ?>
  </div>

  </article>

  </div>

  <?php endwhile; ?>

  <?php include (TEMPLATEPATH . '/_/inc/nav.php' ); ?>

  <?php else : ?>

  <h2>Not Found</h2>

  <?php endif; ?>

  #main-content {
  float: left;
  background: #FFF;
  width: 748px;
  margin-top: 34px;
  margin-bottom: 34px;
  }

  #sidebar {
  float: right;
  width: 192px;
  background-color: #FFF;
  height: 600px;
  margin-top: 34px;
  }

  #headline {
  float: left;
  width: 172px;
  background-color: #FFF;
  margin-right: 22px;
  padding-top: 22px;
  border-top: 1px solid #999;
  }

  #entry {
  float: right;
  width: 553px;
  padding-top: 22px;
  border-top: 1px solid #999;
  }

  #footer {
  background-color: #FFF;
  clear: both;
  height: 50px;
  }

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · May 23, 2012 at 2:17 am

  • Copy link

  You cannot get support for that site here at all. This is the WordPress.com support forum that’s only for those who have free hosted WordPress.com bloggerss, who have paid for a custom design upgrade. For clarity please read > WordPress.com vs. WordPress.org and then post to the correct support forum http://wordpress.org/support/

• 

  designsimply · Member · May 24, 2012 at 12:00 pm

  • Copy link

  In order to help, someone would probably at least need a link to the site. When you post at http://wordpress.org/support/ make sure to include a link to the blog you’re working on.