Footer formatieren

Was verstehst du unter Footer? Man kann unter Footer einfach das Ende der HTML-Seite verstehen, wie sie üblicherweise in der footer.php eingegeben wird. Du kannst aber unter Footer auch den graphischen Abschluss einer Seite verstehen: Nämlich eine Fußleiste unter dem Haupttextfeld. Mir scheint, dass Du beide Dinge durcheinanderbringst. Wenn der Footer (nämlich die Info aus footer.php) in der Luft hängt, dann hat das meistens mit dem fehlenden oder falsch plazierten Clearer zu tun (Du erinnerst Dich aus Deinem anderen Thread).

Wenn Du Lösung 2 haben willst, setze die HTML-Angaben, die für die Graphik der Fußleiste zuständig sind, in den Container #content für das Hauptfenster in der index.php. (Beim Stylesheet musst Du natürlich noch darauf achten, dass für die Fußleiste keine Breite angegeben ist, die derjenigen des Haupttextfensters in die Quere kommt.) Danach kommt erst die Anweisung get_footer. 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.

Ach so, ja: Nicht vergessen, die Höhe der Fußleiste in die Gesamthöhe einzubeziehen (Das war schon mal eine Fehlerquelle bei einem deiner letzten Threads).

Dies in aller Kürze.

Zitat von Frau Braun

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.