Grafik über Footer fehlt

pod-o-mart

Hallo,
Mein Blog auf http://podolak.net/blog (WP 2.0.1) ist fast fertig. Ich schaffe es nur nicht, den mit dem roten Pfeil gekennzeichneten freibleibenden Bereich zwischen dem Footer und dem Rest der Seite wegzubekommen.

http://podolak.net/blog/footer.gif

Hier sollten zwei Grafiken (definiert mit #lu und #ru) erscheinen, die einander überlappen und dann wie in dieser Grafik angezeigt werden:

http://podolak.net/blog/footer2.gif

Dies funktioniert sonst auch, zu sehen unter http://podolak.net/css.

Wie bekomme ich es hin, dass der weiße Bereich verschwindet und dafür die Grafiken erscheinen?

Ich mache mein Design auf der Grundlage des deutschen Standard Themes.

Hier der Inhalt von index.php:

PHP

<?php get_header(); ?>


<div id="opazitaet"></div>
<div id="schatten"></div>
<a href="http://podolak.net" border="0"><div id="titel"></div></a>


<div id="ro"><div id="lo"></div></div>


<div id="hintergrund">
<div id="menue-zeiger"></div>


<div id="links">


<div id="navigation">
<ul>
<li><p class="menue">Men&uuml;</p></li>
<li><a href="../">Startseite</a></li>
<li><a href="../dokumente">Dokumente</a></li>
<li><a href="../reisen">Reisen</a></li>
<li><a href="../projekte">Projekte</a></li>
<li><a href="../links">Links</a></li>
<li><a href="../freiesfeld">Freies Feld</a></li>
<li><a href="../login">Login</a></li>
<li><a href="../kontakt">Kontakt</a></li>
<li><p class="seitenzeiger">Blog</p></li>
 </ul>
</div>


<div id="nebenmenue">
<?php get_sidebar(); ?>
</div>


<div id="ueberschrift">
<p><strong>Ich baue hier gerade um! Fehler in der Anzeige m&ouml;glich</strong></p>


</div>


<div id="hauptfenster">




    <?php if (have_posts()) : ?>
        
        <?php while (have_posts()) : the_post(); ?>
                
            <div class="post" id="post-<?php the_ID(); ?>">
                <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
                <small><?php the_time('j. F Y') ?> <!-- by <?php the_author() ?> --></small>
                
                <div class="entry">
                    <?php the_content('weiter...'); ?>
                </div>
        
                <p class="postmetadata">Kategorie <?php the_category(', ') ?> <strong>|</strong> <?php comments_popup_link('0 Kommentare »', '1 Kommentar »', '% Kommentare »'); ?> <?php edit_post_link('Bearbeiten','<strong>|</strong> ',''); ?> </p>
            </div>
    
        <?php endwhile; ?>


        <div class="navigation2">
            <div class="alignleft"><?php next_posts_link('&laquo; Vorherige Eintr&auml;ge') ?></div>
            <div class="alignright"><?php previous_posts_link('N&auml;chste Eintr&auml;ge &raquo;') ?></div>
        </div>
        
    <?php else : ?>


        <h2 class="center">Nicht gefunden</h2>
        <p class="center">Sorry, aber Du suchst gerade nach etwas, was hier nicht ist.</p>
        <?php include (TEMPLATEPATH . "/searchform.php"); ?>


    <?php endif; ?>
[B]<div id="ru"><div id="lu"></div></div>[/B]


    </div>
</div>
</div>
</div>


<?php get_footer(); ?>

Alles anzeigen

Hier der zugehörige CSS

Code

body, p a {
    margin:0;
    padding:0;
    font-family: Helvetica,Arial,sans-serif;
    }


body ul {
    list-style-type: none;
    }


body, p a ul li {
    font-size: 12px;
    }


a:link {color:#0033cc; text-decoration:none;}
a:visited {color:#0033cc; text-decoration:none;}
a:active {color:#cc3300; text-decoration:none;}
a:hover {color:#cc3300; text-decoration:underline;}


#titel {
    position:fixed;
    _position:absolute;
    background: url(bilder/martinpodolak2.gif);
    _background: url(bilder/martinpodolak.jpg);
    background-repeat: no-repeat;
    height: 51px;
    width:531px;
    padding:0;
    top:10px;
    left:20px;
    z-index:6;
    }


#opazitaet {
    position:fixed;
    _position:absolute;
    background-color: #fff;
    height: 61px;
    width:100%;
    padding:0;
    top:0;
    z-index:5;
    -moz-opacity:0.8;
    filter:alpha(opacity=0)
    }


#schatten {
    position:fixed;
    background: url(bilder/schatten.gif);
    _background: url();
    background-repeat: no-repeat;
    height: 44px;
    _height: 0;
    width:523px;
    _width:0;
    padding:0;
    top:15px;
    _top:0;
    left:25px;
    _left:0;
    z-index:0;
    }


#links {
    position:relative;
    background: url(bilder/li.gif);
    background-repeat: repeat-y;
    background-position: left;
    margin:0;
    padding-top: 25px;
    padding-bottom: 25px;
    z-index:1;
    }


#lo {
    position:relative;
    background: url(bilder/lo.gif);
    background-repeat: no-repeat;
    background-position: left;
    height: 51px;
    _top:-30px;
    padding:0;
    margin:0;
    margin-top: 61px;
    z-index:3;
    }


#ro {
    position:relative;
    background: url(bilder/ro.gif);
    background-repeat: no-repeat;
    background-position: right;
    height: 51px;
    _top:30px;
    padding:0;
    margin:0;
    margin-top: 61px;
    z-index:3;
    }


#navigation {
    position: fixed;
    _position: absolute;
    top:115px;
    _top:0;
    left:0px;
    _left:-329px;
    background: url(bilder/li.gif);
    background-repeat: repeat-y;
    background-position: absolute;
    padding:0;
    margin:0;
    width:130px;
    padding-top: 25px;
    z-index:4;
    }


#navigation ul {
    list-style-type: none;
    margin: 0;
    margin-left: 50px;
    padding: 0;
    vertical-align: middle;
    text-indent:5px;
    }


#navigation a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    background-color: #666;
    background: url(bilder/menue.jpg);
    width:100px;
    height:25px;
    margin-bottom:2px;
    vertical-align: middle;
    }


#navigation a:link {color:#fff; text-decoration:none;}
#navigation a:visited {color:#fff; text-decoration:none;}
#navigation a:active {color:#fc3; text-decoration:none;}
#navigation a:hover {color:#fc3; text-decoration:none;}


#navigation p {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color:#fff;
    background-color: #fc3;
    background: url(bilder/menue.jpg);
    width:100px;
    height:25px;
    margin: 0;
    margin-bottom:2px;
    padding: 0;
    vertical-align: middle;
    }


#navigation p.seitenzeiger {
    background: url(bilder/zeiger.gif);
    background-repeat: no-repeat;
    margin-left:-15px;
    margin-right:3px;
    width:118px;
    text-indent:20px;
    }


#navigation p.menue {
    color: #ffc;
    }


#menue-zeiger {
    background: url(bilder/menue-zeiger.gif);
    background-repeat: no-repeat;
    position: fixed;
    float:left;
    width:25px;
    height:91px;
    margin-left:152px;
    margin-top:0;
    z-index:2;
    }


#hintergrund {
    background: url(bilder/re.gif);
    background-position: right;
    margin-bottom:100px;
    z-index:1;
    }


#ueberschrift {
    position:relative;
    padding: 5px;
    margin: 0 280px 0 180px;
    _margin: 0 300px 0 100px;
    border: 1px solid #000;
    border-bottom: 0;
    min-width:300px;
    background-color: #ffc;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    z-index:4;
    }


#hauptfenster {
    position:relative;
    padding: 10px;
    margin: 0 280px 0 180px;
    _margin: 0 300px 0 180px;
    border: 1px solid #000;
    min-width:300px;
    height:auto;
    background-color: #fff;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    z-index:4;
    }


#nebenmenue {
    font-size: 10px;
    position:relative;
    float:right;
    background-color: #fff;
    width:200px;
    margin-right:70px;
    _margin-right: 40px;
    margin-top:0;
    border: 1px solid #000;
    -moz-border-radius:10px;
    z-index:4;
    list-style-type: none;
    }


#nebenmenue ul li h2 {
    margin-left:0;
    }
[B]
#ru {
    position:relative;
    background: url(bilder/ru.gif);
    background-repeat: no-repeat;
    background-position: right;
    height:86px
    padding:0;
    margin:0
    z-index:3;
    }


#lu {
    position:relative;
    background: url(bilder/lu.gif);
    background-repeat: no-repeat;
    background-position: left;
    height:86px
    padding:0;
    margin:0
    z-index:3;
    }[/B]

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Monika

ohne jetzt alles durchgeackert zu haben
fällt mir auf, dass die beiden Grafiken in den Footer gehlören - laut Deiner Aussage,

das template footer.php wird aber erst nach den beiden Divs hereingeholt

lg

pod-o-mart

Die Grafiken sind nicht im Footer, sondern darüber.

Ich hatte es bereits versucht, die Grafiken stattdessen in footer.php abzulegen, wo sie aber auch nicht erscheinen. Der weiße Bereich bleibt.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Grafik über Footer fehlt

Jetzt mitmachen!