Loop de Postagem

Olá, eu estou tendo alguns problemas com o loop do meu site e não consigo resolver, sou novato com wordpress esse é meu primeiro site, para dizer a verdade eu n tenho curso de nada só uma base no HTML CSS E PHP coisa basica.
O problema é o seguinte: era para ter uma caixa de “news” para cada postagem, porém elas estão aparecendo em uma unica caixa….

print screen:Aqui!

Codigo da minha Index:

<?php get_header(''); ?>

<div id="menu-principal">
	<?php if ( !function_exists('dynamic_sidebar')
		|| !dynamic_sidebar('menu-principal') ) : ?>
	<?php endif; ?>
</div>

<div class="loop">
<div id="news-header">

	<?php if(have_posts()) : while(have_posts()) : the_post(); ?>
    	<h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
</div>
<div id="news-bg">

<div id="content">
		<?php the_excerpt(); ?>
</div>
	<?php endwhile; else:?>
		<p>Nemnhuma postagem no momento</p>
	<?php endif ?>
</div>
<div id="news-fooder">
</div>
</div>

<?php get_footer('') ?>