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 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ü</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ö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('« Vorherige Einträge') ?></div>
<div class="alignright"><?php previous_posts_link('Nächste Einträge »') ?></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
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