Footer lässt sich nicht an sidebar anpassen

Chrissy2504

Hallo, nach ewigem hin und her war es mir möglich meine Probleme mit der Sidebar zu beseitigen. Leider habe ich nun ein Problem mit dem Footer. Siehe Link
Anstatt das er mit der Sidebar abschließt, endet er mit dem Inhalt. Habe schon alles versucht auch mit position:absolute. Das einzige was passiert ist, dass er im Header gelandet ist. Die Suche hat leider nichts ergeben.
Vielen Dank schonmal für eure Mühe

PHP Code der Index.php

PHP

<?php get_header(); ?>


<div id="page"><!--Inhalt--> 
  <div id="left-sidebar"><?php get_sidebar('left'); ?> </div>
<div id="contentwrapper">


<!--post--><?php query_posts($query_string.'&cat=-3&&order=DESC'); while (have_posts()) : the_post(); ?><div class="entry" id="post-<?php the_ID(); ?>"><p class="datum"><span class="content">Posted by: <?php the_author() ?><br />Tag: <?php the_category(', '); ?><br />Date: <?php the_time('jS, M, Y') ?></span></p><h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>
<div class="entry-content"><?php the_content(''); ?></div><div class="commentpost"><a href="http://s803.photobucket.com/albums/yy314/chrissy2504/Startingdays/?action=view&amp;current=comments.png" target="_blank"><img src="http://i803.photobucket.com/albums/yy314/chrissy2504/Startingdays/comments.png" border="0" alt="Photobucket"></a> <?php comments_popup_link('0 Comments', '1 Comments', '% Comments'); ?></div></div><!--post-end-->
<?php endwhile; ?>   
<div class="navigation"><?php if(function_exists('wp_paginate')) {    wp_paginate();} ?> 
  <div id="right-sidebar"><?php get_sidebar('right'); ?>    </div>
</div>
<!--Inhalt-->  <?php get_footer(); ?>

Alles anzeigen

CSS

Code

#page{width: 1250px; 
margin: 0 auto;
background-image: url(http://i22.photobucket.com/albums/b346/Phelpsaholics/Homepage/bg-1.jpg);
background-repeat: repeat-y;
height:100%;
position:relative;




}
#header {
heigth: 550px;
}




#contentwrapper{
float: center;
width: 1250px;
margin-top: 0px;
padding: 0px;
}
/*---Footer----*/
#footer {
background-image: url(http://i22.photobucket.com/albums/b346/Phelpsaholics/Homepage/Footer2-1.jpg);
background-repeat: none;
height: 94px;
width: 1250px;
margin: 0 auto;
clear:both;
}












.footer-text {
font-family: verdana;
font-size: 7pt;
color: #fff;
text-align: center;
padding-top: 25px;}

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

pixselig

also ich steige leider bei deinem box-modell nicht ganz durch. habe nur gesehen dass deine sidebars mittels "position: absolute" positioniert sind sodass das "clear" im footer keine auswirkung hat. ge-cleart werden immer nur im dokumentenfluss ge-float-ete elemente - per "position: absolut" nimmst du aber entsprechende elemente aus dem dokumentenfluss heraus.

leider ist deine theme etwas "umständlich" aufgebaut, sodass ich dir keine hilfe anbieten kann (zumindest beim schnell drüberschauen - aber mehr zeit habe ich jetzt leider nicht) --> die einfachste (zwischen)lösung wäre, wenn du aus der linken sidebar einfach ein widget entfernst sodass der content wieder länger (höher) als die sidebar ist. so kommt es nicht zu diesem unschönen überlappunkseffekt.

lg, pixselig

alchymyth

solange diese validierungsfehler bestehen, ist es sinnlos, ueber ausrichtungen zu diskutieren:

http://validator.w3.org/check?uri=http…=Inline&group=0

http://codex.wordpress.org/Validating_a_Website

Chrissy2504

Habs hinbekommen :D

Index.php

PHP

<?php get_header(); ?><div id="page"><!--Inhalt-->   <div id="contentwrapper">
<div id="left-sidebar"><?php include (TEMPLATEPATH . '/sidebar-left.php'); ?></div>
<!--post--><?php query_posts($query_string.'&cat=-3&&order=DESC'); while (have_posts()) : the_post(); ?><div class="entry" id="post-<?php the_ID(); ?>"><p class="datum"><span class="content">Posted by: <?php the_author() ?><br />Tag: <?php the_category(', '); ?><br />Date: <?php the_time('jS, M, Y') ?></span></p><h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1><div style="clear:both;"></div><div class="entry-content"><?php the_content(''); ?></div><div class="commentpost"><a href="http://s803.photobucket.com/albums/yy314/chrissy2504/Startingdays/?action=view&amp;current=comments.png" target="_blank"><img src="http://i803.photobucket.com/albums/yy314/chrissy2504/Startingdays/comments.png" border="0" alt="Photobucket"></a> <?php comments_popup_link('0 Comments', '1 Comments', '% Comments'); ?></div></div><!--post-end--><?php endwhile; ?>   


</div><?php if(function_exists('wp_paginate')) {    wp_paginate();} ?><div id="right-sidebar"><?php include (TEMPLATEPATH . '/sidebar-right.php'); ?></div></div><!--Inhalt--> </div><?php get_footer(); ?>

CSS:

Code

/* Div Sidebars */
 #right-sidebar {
   overflow: hidden; 
   float: right; 
   position: absolute; 
   left: 913px;
    top: 0;
 }
 #left-sidebar {
     overflow: hidden; 
   float: left; 
   position: relative; 
   margin-left: 35px;
   display: inline;
    }

Alles anzeigen

Danke trotzdem für eure Mühe ;-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Footer lässt sich nicht an sidebar anpassen

Jetzt mitmachen!