nthomsExample: http://fauxnixon.com/top-15-best-movie-sequels-from-the-list-universe/
Dear god, a solution would be wonderful, but I'd really settle for hints and maybe wild guesses.
The sidebar is down after most of the page is even processed and the comments are all over the place. I'd switch themes, but I've modified this one quite a bit and would rather just get whatever this is fixed.
current style sheet, single.php and comments pages comin' at you!
first single.php:
<?php get_header(); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="navigation">
<div class="alignleft"><?php previous_post_link('« %link') ?></div>
<div class="alignright"><?php next_post_link('%link »') ?></div>
<div style="clear:both;"></div>
</div>
<div class="post" id="post-<?php the_ID(); ?>">
<div class="title">
<h2 class="posttitle">
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php _e('Permalink to'); ?> <?php the_title(); ?>"><?php the_title(); ?></a>
</h2>
<p class="postmeta">Posted on <?php the_time('Y') ?> under <?php the_category(', ') ?> <?php edit_post_link(__('Edit'), ' · ', ''); ?>
</p>
</div>
<div class="postentry">
<?php the_content(__('Read the rest of this entry »')); ?><div style="clear:both;"></div>
<?php wp_link_pages(); ?>
</div>
</div>
<div class="post"><?php get_sidebar(); ?>
<?php comments_template(); ?>
</div>
<?php endwhile; else : ?>
<div class="post">
<h2><?php _e('Error 404 - Not found'); ?></h2>
</div>
<?php endif; ?>
<?php get_footer(); ?>now comments:
<?php // Do not delete these lines
if ('comments.php' == basename($_SERVER['SCRIPT_FILENAME']))
die ('Please do not load this page directly. Thanks!');
if (!empty($post->post_password)) { // if there's a password
if ($_COOKIE['wp-postpass_' . COOKIEHASH] != $post->post_password) { // and it doesn't match the cookie
?>
<p><?php _e("This post is password protected. Enter the password to view comments."); ?><p>
<?php
return;
}
}
/* This variable is for alternating comment background, thanks Kubrick */
$oddcomment = 'alt';
?>
<!-- You can start editing here. -->
<?php if ($comments) : ?>
<h2 class="comments-num">
<?php comments_number(__('Comments'), __('1 Comment'), __('% Comments')); ?>
<?php if ( comments_open() ) : ?>
<?php _e(' so far '); ?><a href="#postcomment" title="<?php _e('Jump to the comments form'); ?>">»</a>
<?php endif; ?>
</h2>
<ol id="commentlist">
<?php foreach ($comments as $comment) : ?>
<li class="<?php echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">
<!-- Gravatar -->
<img src="http://www.gravatar.com/avatar.php?gravatar_id=<?php echo md5(get_comment_author_email()) ?>&size=50&default=<?php echo urlencode(get_bloginfo('template_directory').'/images/default-gravatar.jpg') ?>" width="50" height="50" alt=" " class="gravatar" align="left" />
<h3 class="comment-title"><?php comment_author_link() ?> <?php _e('said'); ?></h3>
<p class="comment-meta">
<?php comment_date('F j Y') ?>
@ <a href="#comment-<?php comment_ID() ?>"><?php comment_time() ?></a>
<?php edit_comment_link(__("Edit"), ' · ', ''); ?>
</p>
<div class="comment-text"><?php comment_text() ?></div>
</li>
<?php
if ('alt' == $oddcomment) $oddcomment = '';
else $oddcomment = 'alt';
?>
<?php endforeach; /* end for each comment */ ?>
</ol>
<p class="small">
<?php comments_rss_link(__('Comment <abbr title="Really Simple Syndication">RSS</abbr>')); ?>
<?php if ( pings_open() ) : ?>
· <a href="<?php trackback_url() ?>" rel="trackback"><?php _e('TrackBack <abbr title="Uniform Resource Identifier">URI</abbr>'); ?></a>
<?php endif; ?>
</p>
<?php else : // this is displayed if there are no comments so far ?>
<?php if ('open' == $post-> comment_status) : ?>
<?php /* No comments yet */ ?>
<?php else : // comments are closed ?>
<?php /* Comments are closed */ ?>
<p><?php _e('Comments are closed'); ?></p>
<?php endif; ?>
<?php endif; ?>
<?php if ('open' == $post-> comment_status) : ?>
<h2 id="postcomment"><?php _e('Leave a comment'); ?></h2>
<div class="postcomment">
<?php if ( get_option('comment_registration') && !$user_ID ) : ?>
<p><?php _e('You must be'); ?> <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=<?php the_permalink(); ?>"><?php _e('logged in'); ?></a> <?php _e('to post a comment.'); ?></p>
<?php else : ?>
<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
<?php if ( $user_ID ) : ?>
<p><?php _e('Logged in as'); ?> <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" title="<?php _e('Log out of this account') ?>"><?php _e('Logout'); ?> »</a></p>
<?php else : ?>
<p>
<strong><?php _e('Name:'); ?> <?php if ($req) _e('(Required)'); ?></strong><br/>
<input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" tabindex="1" />
</p>
<p>
<strong><?php _e('eMail:'); ?> <?php if ($req) _e('(Required)'); ?></strong><br/>
<input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" tabindex="2" />
</p>
<p>
<strong><?php _e('Website:'); ?></strong><br/>
<input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" tabindex="3" />
</p>
<?php endif; ?>
<?php
/****** Math Comment Spam Protection Plugin ******/
if ( function_exists('math_comment_spam_protection') ) {
$mcsp_info = math_comment_spam_protection();
?> <p><input type="text" name="mathuseranswer" id="mathuseranswer" value="" size="22" tabindex="4" />
<label for="mathuseranswer"><small>Are you human? Calculate <?php echo $mcsp_info['operand1'] . ' + ' . $mcsp_info['operand2'] . ' ?' ?></small></label>
<input type="hidden" name="mathresult" value="<?php echo $mcsp_info['result']; ?>" />
</p>
<?php } // if function_exists... ?>
<p>
<strong><?php _e('Comment:'); ?></strong><br/>
<textarea name="comment" id="comment" rows="" cols="" tabindex="4"></textarea>
</p>
<p>
<input name="submit" type="submit" id="submit" tabindex="5" value="<?php _e('Post Comment!'); ?>" />
<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
</p>
<?php do_action('comment_form', $post->ID); ?>
</form>
<?php endif; // If registration required and not logged in ?>
</div>
<?php endif; // if you delete this the sky will fall on your head ?>
'
and now, just in case there's something in the css doing this that i'm not seeing, current style sheet:Theme Name: Movie World
Theme URI: http://www.TemplatePanic.com
Description: WordPress theme with menu in sidebar and bottom. Widget ready.
Author: Effi
Author URI: http://www.EffiHaryanti.com
Terms of Use:
- DO NOT REMOVE any of the links in the footer!
- You are free to share, to copy, distribute and transmit this theme.
- This theme is distributed for free. You are not allowed to sell this theme.
Thanks for using this theme.
*/
/*-------------------- General --------------------*/
body { margin: 0; padding: 0; background: #b7b7b7; font: 10px Verdana, Arial, Trebuchet, Sans-Serif; color: #000; text-align: left; line-height: 190%; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-style: normal; font-weight: normal; background: transparent; color: #222; }
h1 { font-size: 2.2em; }
h2 { font: 1.6em Georgia, Trebuchet, Sans-Serif; }
h3, h4, h5, h6 { font-size: 1em; }
a, a:link { color: #004a80; text-decoration: none; }
a:visited { text-decoration: none; }
a:hover, a:active { color: #004a80; text-decoration: underline; }
blockquote { margin: 10px; padding: 0px 0px 10px 50px; background: url(images/blockquote.gif) no-repeat left top; }
code{ display:block; overflow:auto; text-align:left; margin: 10px 0 10px 0; padding: 5px 10px 5px 10px; }
small { font-size: 0.8em; }
img { padding:5px; border:0; }
img.right { float: right; margin:5px 0 5px 5px; }
img.left { float: left; margin:5px 5px 5px 0; }
a img {border:none;}
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.alignleft { float: left; margin-right: 10px; }
.alignright { float: right; margin-left: 10px; }
.navigation { display:block; padding: 20px; }
/*-------------------- Layout --------------------*/
#outline { width: 975px; margin: 0 auto; padding: 0; background: #fff; font-size: 1.3em; }
#wrapper { float: left; background: #fff url(images/bg.jpg) repeat-y 0 0; width: 977px; margin: 0 !important; margin: -15px 0 0 0; /* IE hack */ padding: 0; }
/*-------------------- Header --------------------*/
#header { width: 977px; height: 196px; background: #252525 url(images/header-nixon.png) no-repeat left top; }
#header .blogtitle { width: auto; height: 118px; }
#header h1 { padding: 20px 0 0 30px; }
#header h1 a { color: #f7f7f7; text-decoration: none; }
span.description { color: #999; padding: 0 30px 0 0; float: right; font-size: 10px; }
#navbar { clear: both; float: left; width: 977px; height: 38px; background: url(images/nav.jpg) no-repeat 0 0; }
ul.menu { float: left; margin: 0; padding: 0 15px; list-style-type: none; }
ul.menu li { float: left; }
ul.menu li a { float: left; display: block; height: 28px; padding: 3px 15px 0 15px; line-height: 24px; color: #fff; }
ul.menu li a:link, ul.menu li a:visited { color: #ccc; }
ul.menu li a:hover, ul.menu li a:active { color: #fff; }
ul.menu li.current_page_item a:link,
ul.menu li.current_page_item a:visited,
ul.menu li.current_page_item a:hover,
ul.menu li.current_page_item a:active { color: #fff; text-decoration: none; font-weight: bold; }
/*-------------------- Pages --------------------*/
#content { float: left; width: 660px; height: 100%; }
.pages { float: left; width: 630px; }
.pages-border { clear: both; width: 100%; height: 6px; }
.page-previous { float: left; padding: 10px 0 16px 30px !important; padding: 0 0 15px 30px; /* IE hack */ }
.page-next { float: right; padding: 10px 30px 16px 0 !important; padding: 0 30px 15px 0; /* IE hack */ }
.page-title { width: 530px; margin: 20px 0 0 0; }
.page-title h2.page-title-border { padding: 0 0 0 30px; line-height: 48px; color: #222;}
/*-------------------- Post --------------------*/
.post { padding: 20px 30px; background: transparent; }
.postentry { text-align: justify; }
.posttitle a:link, .posttitle a:visited, .posttitle a:hover, .posttitle a:active { color: #002a49; }
.postmeta { margin: 6px 0 ; font-size: 11px; font-family: Georgia, Trebuchet; color: #333; border-bottom: 1px #333 dotted; }
.post .title { float: left; width: 600px; }
/*-------------------- Comments --------------------*/
.commentpage { margin: 0 30px; padding: 0; }
#comments { margin: 0; padding: 0; }
.comments-num { padding: 0 0 10px 0; }
#commentlist { margin: 0; padding: 0; list-style-type: none; }
#commentlist li { padding: 20px 25px 0 0; border-bottom: 1px solid #ccc; background: #fff; }
.alt { background-color: #fff !important; background-image: none !important; }
.comment-title, .comment-meta, .comment-text { margin: 0 0 0 80px; }
.comment-title, .comment-title a, .comment-title a:hover{ color: #666; }
.comment-meta, .comment-meta a, .comment-meta a:hover { color: #333; }
h2#postcomment { margin: 30px 0 0 0; padding: 0 0 10px 0; }
.postcomment { clear: both; margin: 20px 0 0 0; padding: 20px; }
.postcomment input, .postcomment textarea { border: 1px solid #aaa; }
.postcomment input:hover, .postcomment textarea:hover { border: 1px solid #ccc; }
.postcomment input#author, .postcomment input#email, .postcomment input#url { width: 100% !important; width: 300px; /* IE hack */ height: 18px; }
.postcomment textarea#comment { width: 100% !important; width: 300px; /* IE hack */ height: 200px; }
.postcomment input#submit { width: auto; height: 25px; padding: 2px 10px 3px 10px; background: #f2f2f2 url(images/submit.gif) repeat 0 0; }
.postcomment input#submit:hover { background: #f2f2f2 url(images/submit_hover.gif) repeat 0 0; }
/*-------------------- Sidebar --------------------*/
#sidebar { float: right; width: 280px; margin-right: 20px; padding: 0; font-size: 11px; }
#sidebar h2 { font-size: 1.4em; list-style-type: none; color:#222; height: 30px; margin: 16px 0 6px 0;
padding: 3px 0 3px 3px; no-repeat; }
#sidebar p { clear: both; margin: 0; padding: 0 0 20px 10px; }
#sidebar form { clear: both; margin: 0; padding: 0 0 20px 10px; }
#sidebar ul { clear: both; margin: 0; padding: 0 0 20px 25px; list-style-type: square; }
#sidebar ul li { clear: both; }
#sidebar #linkcat-2 { list-style-type: none; }
#sidebar #linkcat-2 h2 { background: none; color: #666; }
#sidebar #linkcat-2 ul { background: none; }
.searchform { width: 280px; height: 20px; text-align: left; }
input#s { width: 250px; height: 18px; margin: 5px 0 0 1px !important; margin: 4px 0 0 1px; /* IE hack */ padding: 1px 0 0 2px; border: 1px solid #999; background: #e3e3e3; }
/*-------------------- Bottom --------------------*/
#bottom { clear: both; float: left; width: 977px; height: 100%; margin: 0; padding: 0; background: url(images/bottom-bg.jpg) repeat-y 0 0; text-align: left; color: #f2f2f2; font-size: 11px; }
#bottom-divs { float: left; clear: both; margin: 0; padding: 20px; }
#bottom-left { width: 30%; padding: 20px 0 20px 30px; float: left; }
#bottom-mid, #bottom-right { width: 30%; padding: 20px 0 20px 20px; float: left; }
#bottom h2 { margin: 0 0 10px 0; padding: 0 8px; font-size: 1.6em; color: #f2f2f2; }
#bottom h3 { margin: 0; padding: 10px 10px; font-size: 1em; color: #999; text-align: center; }
#bottom h3:hover { color: #f2f2f2; }
#bottom ul { margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #f2f2f2; }
#bottom ul li { line-height: 26px; }
#bottom ul li a { display: block; padding: 0 10px; color: #fff; text-decoration: none; }
#bottom ul li a:hover { color: #fff; text-decoration: underline; }
#bottom-sep { clear: both; }
/*-------------------- Footer --------------------*/
#footer { clear: both; height: 87px; background: url(images/footer.jpg); width:977px; color: #ccc; text-align: right; }
#footer p { margin: 0; padding: 23px 25px; font-size: 1em; line-height: 150%; }
#footer p a:link, #footer p a:visited { color: #f2f2f2; }
#footer p a:hover { color: #fff; }`
for how a less unattractive example of how things should look, check out http://fauxnixon.com/ which displays properly.
kmessinger