I'm working on a wordpress site and having difficulty with the site in Google Chrome. For some reason, the posts on the homepage go all the way to the right. We created a nested table in order to separate the posts and I think that may be what is causing the problem.

Take a look at the site here:http://bit.ly/8WvXrp


Here's the code that I think might be causing the problem:

<?php get_header(); ?>

<div id="content">

<div id="homepage">

<div id="homepageleft">

<div class="featured">
<?php $recent = new WP_Query("cat=&showposts=6"); while($recent->have_posts()) : $recent->the_post();?>
<table style="position: relative;" cellpadding="15px" width="660px" height="auto"><tr><td><div class="customdate"><span><?php the_time('M') ?></span> <?php the_time('d') ?></div>
<div class="dateblock"><h1><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1></div>

<?php the_content_limit(500, "Read More"); ?><div style="clear:both;"></div></td></tr></table><div class="split">
</div>

<?php endwhile; ?>
</div>
</div>
</div>
<?php include(TEMPLATEPATH."/sidebar.php");?>

</div>

<?php get_footer(); ?>

Please help!
Thanks.

Get rid of the table. Separate the posts using css. Wrap a div around the content where you added the table and then separate the content however you liked by applying css to that new div.

Thanks for the tip. I just posted this as a freelance job if you're interested.

http://www.webmaster-talk.com/market...listingid=8553

If you can post a link to the site here I'm sure someone can help for free. I don't think this will be a lot of work. It's just that we'll need to see the actual page and the rest of the code.

Here is a link to the site. Thank you!

http://bit.ly/8WvXrp

Brooke it looks like you've mixed a bit of positioning and floating and are using tables and divs. What I mean is the code is likely much more complicated than it needs to be. The ideal solution is probably to redevelop things, but I'm guessing you'd prefer a quicker fix.

On the tables I see you've added the inline style="position: relative". When I added clear: both to that the second post moved back where you want it. So:

<table style="position: relative; clear: both" cellpadding="15px" width="660px" height="auto">

seems to work. Give that a try and see if it fixes things. Ideally though the entire page would be cleaned up and recoded.

Thank you so much! The quick fix worked beautifully! Thank you! Thank you!

Glad I could help.