Problemer med Wordpress Multiloop

Håber der er nogle der kan spotte min fejl - jeg kan simpelthen ikke finde ud af hvad jeg

Jeg er gået lidt død her. Jeg kan simpelthen ikke få det her 2-column multiloop til at spille :-/

Af årsager jeg ikke kan se, så bliver css'en til float left og right ikke kørt korrekt. Eller er det bare mig? Mit wordpress-loop ser således ud:

<div id="content">
<?php if (have_posts()) : while(have_posts()) : $i++; if(($i % 2) == 0) : $wp_query->next_post(); else : the_post(); ?>

<div id="left-column">
<h1><?php the_permalink(); ?></h1>
<?php the_content(); ?>
</div>

<?php endif; endwhile; else: ?>
<div>Alternate content</div>
<?php endif; ?>

<?php $i = 0; rewind_posts(); ?>

<?php if (have_posts()) : while(have_posts()) : $i++; if(($i % 2) !== 0) : $wp_query->next_post(); else : the_post(); ?>

<div id="right-column">
<h1><?php the_permalink(); ?></h1>
<?php the_content(); ?>
</div>

<?php endif; endwhile; else: ?>
<div>Alternate content</div>
<?php endif; ?>
</div>
</div>

og min css siger:

#content{
#content{
width: 960px;
margin: auto;
}

#left-column{
float: left;
width: 400px;
clear: none;
background-color: teal;
clear: none;
}

#right-column{
float: right;
width: 400px;
clear: none;
background-color: aqua;
clear: none;
}


Hvis der er nogen der kan forklare hvorfor det giver nedenstående ville jeg blive utroligt glad :)

På forhånd tak.

Resulatat pt.:
http://roskilde-open.dk/hosting/?v=unavngivet.png

Viktor Poulsen:

<h1><?php the_permalink(); ?></h1>

Problemet med titlerne viser hele url'en løses ved at erstatte overstående linie med:

<h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>

Titlerne er jeg obs på hvordan jeg fikser, men tak :)

Siden ligger på www.ohkunstgræs.dk

2 i hver række :)

Hvis du følger nedenstående, det med fed, er rettelser/tilføjelser.

Først rettes breden samt der tilføjes lidt padding:

#left-column{
float: left;
width: 440px;
padding:0 20px;
clear: none;
background-color: teal;
clear: none;
}

#right-column{
float: right;
width: 440px;
padding:20px;
clear: none;
background-color: aqua;
clear: none;
}

#clear {clear:both;}

Efterfølgende deles 1. og 2. linie:

<?php endif; ?>
<div id="clear"> </div>
<?php $i = 0; rewind_posts(); ?>

Viktor Poulsen:

hmmm. Ser ikke rigtig ud til at hjælpe

Du skal også tilføjes css'en :) det der det sjove sker ;)

Du skal lige slette nedenstående fra css/layout.css

div#left-column {
	width: 333px;
	float: left;
	clear: none;
	}
div#right-column {
	width: 333px;
	float: right;
	clear: none;
	}