In der footer.php braucht dann nichts mehr zu stehen außer </body> und </html> und möglicherweise der Abschluss von #container; dann gibt es hoffentlich auch keinen Ärger mehr mit dem in der Luft hängenden Footer.
Das kannst Du jetzt erst mal vergessen, nachdem ich gesehen habe, dass und wie Du die Box #footer definiert hast.
Also noch mal langsam:
Fußleiste
Die Fußleiste ist das, was bei Dir #footer heißt: Ein Balken, der unten quer über die Seite läuft, oder ein anschließender Hinweis, oder Administrationslinks, oder was das Herz sonst noch so begehrt. Das alles sind graphische Abschlüsse, denn sie markieren graphisch den unteren Rand des dargestellten Inhalts. Jeder merkt dann: hier ist Ende Gelände. Bei Dir sind steht da:
"2000 - 2008 usw. - letze Aktualisierung: 18. August 2008" (Rechtschreibung wie bei Dir).
footer.php
Die Fußleiste solltest Du aber nicht verwechseln mit footer.php. Dort steht (ganz allgemein gesprochen) vor allem und als allerwichtigstes drin, dass der Code der HTML-Seite hier endet. Es können natürlich auch noch andere Sachen drin stehen, besonders wenn man diese nicht für jedes Template neu definieren will.
Struktur:
[COLOR=Olive]header.php[/COLOR]
Header
#container [COLOR=Blue]Anfang [COLOR=YellowGreen]-------------------------------------------[/COLOR][/COLOR]
---
[COLOR=Olive]index.php[/COLOR]
get_header
Sidebar [COLOR=Blue]Anfang[/COLOR] und [COLOR=Red]Ende[/COLOR]
#content [COLOR=Blue]Anfang [COLOR=DarkOrchid]-------------------------------------[/COLOR][/COLOR]
#breadcumb [COLOR=Blue]Anfang[/COLOR] und [COLOR=Red]Ende[/COLOR]
#main [COLOR=Blue]Anfang[/COLOR] und [COLOR=Red]Ende[/COLOR]
get_footer (=footer.php)
----
[COLOR=Olive]footer.php[/COLOR]
#footer (=Fußleiste) [COLOR=Blue]Anfang[/COLOR] und [COLOR=Red]Ende[/COLOR]
#content [COLOR=Red]Ende [COLOR=DarkOrchid]---------------------------------------[/COLOR][/COLOR]
#container [COLOR=Red]Ende [COLOR=YellowGreen]-----------------------------------------------[/COLOR][/COLOR]
</body>
</html>
Reihenfolge:
Logischerweise ist die Anweisung
<?php get_footer(); ?>
immer die letzte Anweisung, die in der index.html zu finden ist!
Die Box #footer, die offensichtlich in der footer.php steckt, gehört nicht in die Box #main, sondern nur in die Box #content, also nach #main.
Die Abschlüsse (</div>) von #content und #container gehören folglich ebenfalls in die footer.php und nicht in die index.php.
Hinweis:
Warum steht die Zeile
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
nicht innerhalb von #content und #main?
Warum stehen die Zeilen
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>
nicht ebenfalls dort?
Die Sidebar wird anscheinend nicht korrekt dargestellt. Was soll das "17:00", das vermutlich in einen nicht sichtbaren Kontext gehört?
Allgemeiner Hinweis
In der Stylesheet schreibt man alle Boxen, die nur einmal auf einer Seite (aber durchaus mehrmals in einer Webseite) vorkommen so: #box und nicht so: .box. Das letztere ist eine Klasse, die Du den Elementen zuweist, die im Prinzip mehrmals vorkommen können (meistens ist das Text) und die individuell gefüllt werden.
Ein kleiner Tip
Du musst Dir die einzelnen Container und Boxen wirklich wie einen Baukasten von ineinander steckenden Schachteln vorstellen. Mach Dir eine Zeichnung der ineinander und nebeneinander liegenden Schachteln. Außerdem empfehle ich Dir dringend die Anschaffung eines visuellen CSS- und eines HTML-Editors, bei dem Du eins zu eins sehen kannst, welche Veränderungen an den CSS-Angaben und an der HTML-Struktur welche Auswirkungen auf das Design haben.
