It’d be better if you provide the actual page URL so we can look at the literal HTML+CSS, rather than just a screenshot. thanks
*/
body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
margin: 0;
padding: 0;
}
body{
margin: 0;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
text-align: center;
vertical-align: top;
background: #ffffff;
background-image: url('http://localhost/tommieblogs/wp-content/themes/tommieblogs/images/background.jpg');
color: #000000;
}
h1{
font-family: Georgia, Sans-serif;
font-size: 24px;
padding: 0 0 10px 0;
}
a:link, a:visited{
text-decoration: none;
color: #493B5E;
}
a:hover{
text-decoration: none;
}
p{
padding: 10px 0 0 0;
}
#wrapper{
margin: 0 auto 0 auto;
width: 750px;
text-align: left;
}
#header{
float: left;
width: 750px;
}
#container{
float: left;
width: 500px;
border: 1px #000 solid;
}
.widget_recent_entries{
border: solid #D2D2CF;
border-width: 2px;
}
.widget{
margin-bottom:25px;
}
.widget_categories{
border: solid #D2D2CF;
border-width: 2px;
}
.widget_links{
border: solid #D2D2CF;
border-width: 2px;
}
.post{
padding: 10px 0 10px 0;
}
.post h2{
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 28px;
font-weight: lighter;
}
.postauthor{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: 808080;
}
.postdate{
font-style: italic;
font-size: 10px;
color: 808080;
}
.entry{
line-height: 18px;
}
p.postmetadata{
border-top: 1px solid #ccc;
margin: 10px 0 0 0;
}
.navigation{
padding: 10px 0 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}
.sidebar{
float: left;
width: 240px;
background: #FFFFFF;
margin: 0 0 0 10px;
display: inline;
}
.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 10px;
font-size: 14px;
font-weight: lighter;
}
.sidebar ul li{
padding: 10px 0 10px 0;
}
.sidebar ul li h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #493B5E;
}
.sidebar ul ul li{
padding: 0;
line-height: 24px;
}
table#wp-calendar{
width: 100%;
}
#footer{
clear: both;
float: left;
width: 750px;
padding: 10px 0 0 0;
}
#footer p{
line-height: 18px;
}
<?php get_header(); ?>
<img src="http://localhost/tommieblogs/wp-content/themes/tommieblogs/images/greg.jpg">
<div id="container">
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
<div class="entry">
<?php the_content(); ?>
<p class="postmetadata">
<?php _e('Filed under:'); ?> <?php the_category(', ') ?> <?php _e('by'); ?> <?php the_author(); ?><br />
<?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?> <?php edit_post_link('Edit', ' | ', ''); ?>
</p>
</div>
</div>
<?php endwhile; ?>
<div class="navigation">
<?php posts_nav_link(); ?>
</div>
<?php else : ?>
<div class="post">
<h2><?php _e('Not Found'); ?></h2>
</div>
<?php endif; ?>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
I’m developing the theme locally. If its really necessary, I can get it on a server within the next 30 mins. The code above is of my CSS file and specific category template. I’ll add the header below.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php //comments_popup_script(); // off by default ?>
<?php wp_head(); ?>
</head>
<body>
<div id="wrapper">
<div id="header">
</div>
It looks like you’re not closing the wrapper, unless you do that in the footer file.
Make sure validate your HTML and CSS, that will often fix problems on its own.
