In IE, Firefox, or Safari... and I can't figure it out.
Here's the HTML code:
Here's the CSS:
I've used a centered, nested div on practically every website I've ever made, and I can't understand why this particular website failed to center in every browser overnight when it had worked before.
Here's the HTML code:
Code:
<body>
<div id="contentpane">
<div id="nav">
<div id="NavButtons">
<?php include_once "header.php"; ?>
</div><!-- End of NavButtons -->
</div><!-- End of Nav -->
<div id="headerimage"></div>
<div id="content_frame_header"><p><?php echo date('l F jS\, Y'); ?></p></div>
<div id="content_frame">
<div id="leftside">
<?php query_posts("showposts=3&orderby=date&order=DESC"); ?>
<?php if (have_posts()) : ?>
<ul>
<?php while (have_posts()) : the_post();?>
<li>
<span class="home_post_title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></span>
<div id="byline">
<span class="home_post_date"><?php the_time('F jS, Y'); ?></span>
<span class="home_post_brand">Brand: <?php the_category(',') ?></span></div> <!-- End of Byline Containing Div -->
<span class="home_post_image"><?php the_attached_image('medium'); ?></span>
<span class="home_post_text"><?php the_excerpt(); ?></span>
<span class="home_post_keyword"><?php the_tags(); ?></span>
<span class="home_post_morebutton"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">more...</a></span>
</li>
<?php endwhile; ?>
<?php else : ?>
<h2 class="center">Not Found</h2>
<p class="center">Sorry, but you are looking for something that isn't here.</p>
<?php endif; ?>
</ul>
</div><!-- End of Left Side -->
<div id="rightside">
<?php include_once "sidebar.php"; ?>
</div><!-- End of Right Side -->
</div><!-- End of Content Frame -->
<div id="footer"></div>
</div><!-- End of Content Pane -->
</body>Here's the CSS:
Code:
body {
line-height: 1;
background-image: url(../images/backgroundx.jpg);
background-repeat: repeat-x;
}
#contentpane {
margin-left: auto;
margin-right: auto;
width: 950px;
height: auto;
background: none;
}I've used a centered, nested div on practically every website I've ever made, and I can't understand why this particular website failed to center in every browser overnight when it had worked before.
