Ich habe mich jetzt schon durch mehrere Tutorials und Forenbeirträge gewühlt, aber immer konnte ich das Problem nicht lösen.
Ich habe die Aufteilung meines Designs abgespeckt und eine Testseite erstellt, um das Problem unabhängig von anderen Darstellungsproblemen isoliert lösen zu können.
Zuletzt habe ich einiges anhand dieses Tutorials ausprobiert. Aber der Footer läßt sich einfach nicht am Boden ausrichten.
Hier der Link zu meiner Testseite: klick
Es scheint mir, dass die Höhe des "Nonfooters" komplett ignoriert wird. Firebug zeigt das zumindest nicht an. Auch das padding des Footers scheint ignoriert zu werden.
Hier meine entsprechendende CSS:
*{
margin:0;
padding:0;
}
html,body, #nonFooter {
height:100%;
}
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #e1e0db url('images/bg.jpg');
color: #333;
height: 100%;
}
#nonFooter {
min-height:100%;
height:auto !important;
height: 100%;
position: relative;
}
#wrapper {
width: 990px;
margin: 0 auto;
padding-bottom: 118px;
}
#page {
text-align: left;
}
...
#footer {
padding-top: -118px;
background: url('images/footer_bg.png') bottom center;
border: none;
margin: 0 auto;
height: 118px;
position: relative;
}
Alles anzeigen
und der Quellcode der Testseite:
<?php
/**
* @package WordPress
* @subpackage Default_Theme
Template Name: Test
*/
get_header(); ?>
<div id="wrapper">
<div id="page">
<div id="navi">
<ul id="main-navi">
<li><a class="start start-akt" href="/blog/start">Home</a></li>
<li><a class="uber" href="/blog/ueber-mich/">Über mich</a></li>
<li><a class="blog" href="/blog/blog">Blog</a></li>
<li><a class="arbeiten" href="/blog/meine-arbeiten">Meine Arbeiten</a></li>
<li><a class="dienst" href="/blog/mein-dienst">Mein Dienst</a></li>
<li><a class="kontakt" href="/blog/kontakt">Kontakt</a></li>
</ul>
</div>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post_wider" id="post-<?php the_ID(); ?>">
<h2><?php the_title(); ?></h2>
<div class="entry">
<?php the_content('<p class="serif">' . __('Read the rest of this page »', 'kubrick') . '</p>'); ?>
<?php wp_link_pages(array('before' => '<p><strong>' . __('Pages:', 'kubrick') . '</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
</div>
</div>
<?php endwhile; endif; ?>
<?php edit_post_link(__('Edit this entry.', 'kubrick'), '<p>', '</p>'); ?>
</div>
</div>
</div>
<?php get_footer(); ?>
Alles anzeigen
Wie gesagt, ich habe einige Sachen rausgeschmissen, um die Datei übersichtlicher zu haben...
Wo steh ich auf dem Schlauch? Wer kann mir helfen?