So, geht los Erstmal das <hr> weg, und auch die <br> sind unnötig. (Übrigens: <hr /> und <br /> in XHTML, beides sind leere Elemente)
Dann hat bei dir bereits jeder Post einen eigenen Container
<div class="post" id="post-<?php the_ID(); ?>">
<!-- der Artikel -->
</div>
Das machen wir uns hier zunutze. Dieser Container bekommt den schwarzen Rahmen oben und unten:
.post {
border-top:15px solid black;
border-bottom:15px solid black;
}
Den Conteiner mit der Klasse "Block" außenrum kannst du weglassen (musst du sogar, da du sonst noch mehr Rand hast). Dein neues Template für die index.php sieht also so aus:
<?php get_header(); ?>
<div class="contentLayout">
<div class="content">
<div class="Block">
<div class="Block-body">
<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" style="width: 95%;" />
<button class="Button" type="submit" name="search">
<span class="btn">
<span class="t">Search</span>
<span class="r"><span></span></span>
<span class="l"></span>
</span>
</button>
</form>
</div>
<div class="Block-cc"></div>
</div>
[COLOR="Red"][del]<div class="Block">[/del]
[del]<div class="Block-body">[/del][/COLOR]
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<small><?php the_ID(); ?></small>
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
<div class="entry">
<?php the_content('Read the rest of this entry »'); ?>
</div>
[COLOR="#ff0000"][del]<br>[/del][/COLOR]
<p class="postmetadata"><?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>
</div>
[COLOR="#ff0000"][del]<hr><br> [/del][/COLOR]
<?php endwhile; ?>
<div class="navigation">
<div class="alignleft"><?php next_posts_link('« Older Entries') ?></div>
<div class="alignright"><?php previous_posts_link('Newer Entries »') ?></div>
</div>
<?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; ?>
[COLOR="#ff0000"][del]</div>[/del][/COLOR]
[COLOR="#ff0000"][del]<div class="Block-cc"></div>[/del][/COLOR]
</div>
</div>[COLOR="#0000ff"]<!--/content-->[/COLOR]
</div>[COLOR="Blue"]<!--/contentlayout-->[/COLOR]
<?php get_footer(); ?>
Alles anzeigen
Bau das erstmal so ein, dann schauen wir was noch nicht passt und bessern dort nach. Vermutlich müssen wir noch ein paar Abstände anpassen.
PS: Es macht sich immer gut, schließende </div>-Tags u.ä. mit einem Kommentar zu markieren um die Übersicht zu behalten. Ich hab das mal oben mit eingebaut.
