Fehlender Hintergrund

sirtobi93

Hallo Leute,

auf der Homepage meines Vereins (läuft mit WP) gibt es einen offensichtlichen Darstellungsfehler unterhalb der Sidebar, wenn ich Firefox zum Surfen benutze.
Es fehlt der Hintergrund an dieser Stelle, es sieht nach undefiniertem Bereich aus?!
Bei Artikeln gibt es zudem das Problem, dass zwischen dem Footer und dem oberen Teil der Seite ein kleiner blauer Streifen ist.

Woran könnte das liegen? Welche Quelltexte braucht ihr genau?

MfG, Tobi

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

bego

Zitat von sirtobi93

Hallo Leute,
auf der Homepage meines Vereins (läuft mit WP) gibt es einen offensichtlichen Darstellungsfehler unterhalb der Sidebar, wenn ich Firefox zum Surfen benutze.
Es fehlt der Hintergrund an dieser Stelle, es sieht nach undefiniertem Bereich aus?!

Vielleicht hilft Dir schon dieser Artikel weiter:
http://www.alistapart.com/articles/fauxcolumns/

Bego

sirtobi93

Sieht nicht schlecht aus, hilft in meinem Fall aber leider nichts...
Beziehungsweise mit dem was bei "The Cheat" steht, das verstehe ich nicht. Mich wundert ja auch, das das ganze im IE wunderbar läuft.
Also ich denke dass hier ein individuelles Problem vorliegt:(
Deshalb nochmal: welchen Quelltext soll ich posten?
Und da gibt es ja immer noch das Problem mit dem Footer (siehe oben).

telekommander

So kompliziert ist es dann doch nicht,

Zitat

Vielleicht hilft Dir schon dieser Artikel weiter:
http://www.alistapart.com/articles/fauxcolumns/

Schliesslich ist das verwendete Theme "nur" das WP-Standard-Theme und das funktioniert bestens.

Fehlende und/oder zusätzliche Tags sind dafür verantwortlich. Die Suche ist mühselig. Bei Seiten wird offenbar alles korrekt dargestellt, da liegt es nahe den Fehler bei den Posts zu suchen.

http://validator.w3.org/check?verbose=…schtennis.de%2F

sirtobi93

Hmm...also es ist bei JEDER Seite und Artikel so, dass unter der Sidebar Ende ist.
Lässt sich da nicht irgendein Code reinhauen der die Höhe der Sidebar genauso hoch wie die Höhe des Content definiert?

sirtobi93

Okay ich denke dass ihr vielleicht mit diesen Quelltexten was anfangen könnt.

Index.php

PHP

<?php
/**
 * @package WordPress
 * @subpackage Default_Theme
 */


get_header(); ?>


    <div id="content" class="narrowcolumn" role="main">
    <?php if (have_posts()) : ?>


        <?php while (have_posts()) : the_post(); ?>


            <div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<hr noshade width="630" size="3" style="color:blue">
                <h3><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>"><?php the_title(); ?></a></h3>
                <small><?php the_time(__('F jS, Y', 'kubrick')) ?> <!-- by <?php the_author() ?> --></small>


                <div class="entry">
                    <?php the_excerpt(__('Read the rest of this entry &raquo;', 'kubrick')); ?><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">WEITERLESEN</a>


                </div>


                <p class="postmetadata"><?php the_tags(__('Tags:', 'kubrick') . ' ', ', ', '<br />'); ?>             </div>


        <?php endwhile; ?>


        <div class="navigation">
            <div class="alignleft"><?php next_posts_link(__('&laquo; Older Entries', 'kubrick')) ?></div>
            <div class="alignright"><?php previous_posts_link(__('Newer Entries &raquo;', 'kubrick')) ?></div>
        </div>


    <?php else : ?>


        <h2 class="center"><?php _e('Not Found', 'kubrick'); ?></h2>
        <p class="center"><?php _e('Sorry, but you are looking for something that isn’t here.', 'kubrick'); ?></p>
        <?php get_search_form(); ?>


    <?php endif; ?>


    </div>


<?php get_sidebar(); ?>


<?php get_footer(); ?>

Alles anzeigen

Ausschnitt aus style.css

Code

#sidebar
{
         background: #e6e6fa;
    padding: 20px 0 10px 0;
    margin-left: 720px;
    width: 230px;
         heigth: 100%;
    }

Und noch Sidebar.php

PHP

<?php
/**
 * @package WordPress
 * @subpackage Default_Theme
 */
?>
    <div id="sidebar" role="complementary">
        <ul>
            <?php     /* Widgetized sidebar, if you have the plugin installed. */
                    if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
            <li>
                <?php get_search_form(); ?>
            </li>


            <!-- Author information is disabled per default. Uncomment and fill in your details if you want to use it.
            <li><h2><?php _e('Author', 'kubrick'); ?></h2>
            <p>A little something about you, the author. Nothing lengthy, just an overview.</p>
            </li>
            -->


            <?php if ( is_404() || is_category() || is_day() || is_month() ||
                        is_year() || is_search() || is_paged() ) {
            ?> <li>


            <?php /* If this is a 404 page */ if (is_404()) { ?>
            <?php /* If this is a category archive */ } elseif (is_category()) { ?>
            <p><?php printf(__('You are currently browsing the archives for the %s category.', 'kubrick'), single_cat_title('', false)); ?></p>


            <?php /* If this is a daily archive */ } elseif (is_day()) { ?>
            <p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives for the day %3$s.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), get_the_time(__('l, F jS, Y', 'kubrick'))); ?></p>


            <?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
            <p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives for %3$s.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), get_the_time(__('F, Y', 'kubrick'))); ?></p>


            <?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
            <p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives for the year %3$s.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), get_the_time('Y')); ?></p>


            <?php /* If this is a search result */ } elseif (is_search()) { ?>
            <p><?php printf(__('You have searched the <a href="%1$s/">%2$s</a> blog archives for <strong>‘%3$s’</strong>. If you are unable to find anything in these search results, you can try one of these links.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), wp_specialchars(get_search_query(), true)); ?></p>


            <?php /* If this set is paginated */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?>
            <p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name')); ?></p>


            <?php } ?>


            </li>
        <?php }?>
        </ul>
<ul>
<div align="center">
<a href="javascript:history.back()"><img src="http://www.vfl-ramsdorf-tischtennis.de/test/wp-content/themes/default/images/back.png" border="0" width="40" heigth="40" alt="zurück"></a>
<a href="http://www.vfl-ramsdorf-tischtennis.de/test"><img src="http://www.vfl-ramsdorf-tischtennis.de/test/wp-content/themes/default/images/home.jpg" border="0" width="40" heigth="40" alt="Startseite"></a>
<a href="javascript:history.forward()"><img src="http://www.vfl-ramsdorf-tischtennis.de/test/wp-content/themes/default/images/forward.jpg" border="1" width="40" heigth="40" alt="vorwärts"></a>
<br>
<a href="http://wttv.click-tt.de"><img src="http://www.vfl-ramsdorf-tischtennis.de/test/wp-content/themes/default/images/click-tt.jpg" border="0"></a></ul>


        <ul role="navigation">        
<?php
$output = wp_list_pages('echo=0&depth=1&title_li=<div align="center"><h3>Seiten</h3></div>' );
if (is_page( )) {
  $page = $post->ID;
  if ($post->post_parent) {
    $page = $post->post_parent;
  }
  $children=wp_list_pages( 'echo=0&child_of=' . $page . '&title_li=' );
  if ($children) {
    $output = wp_list_pages ('echo=0&child_of=' . $page . '&title_li=<h2></h2>');
  }
}
echo $output;
?>
    
<li><div align="center"><h3>Termine</h3></div> <?php
ec3_get_events(
   '360 days',                               // limit
   '%DATE%: <br><a href="%LINK%">%TITLE%</a>', // template_event
   ''                                      // template_day
);
?></li>    </div>            
            
        
        <ul>
            <?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>
                <?php wp_list_bookmarks(); ?>


                                                                    
            <?php } ?>


            <?php endif; ?>
        </ul>
<div id="empty">


</div>


    </div>

Alles anzeigen

alchymyth

das problem liegt im inhalt des sidebar.php:
eine mischung von invaliden anordnungen von ul, li, div, geoeffnet und geschlossen ohne beachtung der regeln.

von aussen ist nicht ersichtlich, ob das fest programiert ist, oder in widgets eingegeben wurde.

das ist auch der grund fuer einige dieser validierungsfehler: http://validator.w3.org/check?uri=http…=Inline&group=0

sirtobi93

Ich glaub für die Invaliiden bin ich selbst verantwortlich, allerdings sieht das für mich garnicht so schlim aus, aber ich habe den ganz großen Plan von php auch leider nicht.
Habe versucht einiges zu korrigieren:

PHP

<?php
/**
 * @package WordPress
 * @subpackage Default_Theme
 */
?>
    <div id="sidebar" role="complementary">
        <ul>
            <?php     /* Widgetized sidebar, if you have the plugin installed. */
                    if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
            <li>
                <?php get_search_form(); ?>
            </li>


            <!-- Author information is disabled per default. Uncomment and fill in your details if you want to use it.
            <li><h2><?php _e('Author', 'kubrick'); ?></h2>
            <p>A little something about you, the author. Nothing lengthy, just an overview.</p>
            </li>
            -->


            <?php if ( is_404() || is_category() || is_day() || is_month() ||
                        is_year() || is_search() || is_paged() ) {
            ?> <li>


            <?php /* If this is a 404 page */ if (is_404()) { ?>
            <?php /* If this is a category archive */ } elseif (is_category()) { ?>
            <p><?php printf(__('You are currently browsing the archives for the %s category.', 'kubrick'), single_cat_title('', false)); ?></p>


            <?php /* If this is a daily archive */ } elseif (is_day()) { ?>
            <p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives for the day %3$s.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), get_the_time(__('l, F jS, Y', 'kubrick'))); ?></p>


            <?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
            <p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives for %3$s.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), get_the_time(__('F, Y', 'kubrick'))); ?></p>


            <?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
            <p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives for the year %3$s.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), get_the_time('Y')); ?></p>


            <?php /* If this is a search result */ } elseif (is_search()) { ?>
            <p><?php printf(__('You have searched the <a href="%1$s/">%2$s</a> blog archives for <strong>‘%3$s’</strong>. If you are unable to find anything in these search results, you can try one of these links.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), wp_specialchars(get_search_query(), true)); ?></p>


            <?php /* If this set is paginated */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?>
            <p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name')); ?></p>


            <?php } ?>


            </li>
<?php } ?>
            </ul>


<div align="center">
<a href="javascript:history.back()"><img src="http://www.vfl-ramsdorf-tischtennis.de/test/wp-content/themes/default/images/back.png" border="0" width="40" heigth="40" alt="zurück"></a>
<a href="http://www.vfl-ramsdorf-tischtennis.de/test"><img src="http://www.vfl-ramsdorf-tischtennis.de/test/wp-content/themes/default/images/home.jpg" border="0" width="40" heigth="40" alt="Startseite"></a>
<a href="javascript:history.forward()"><img src="http://www.vfl-ramsdorf-tischtennis.de/test/wp-content/themes/default/images/forward.jpg" border="1" width="40" heigth="40" alt="vorwärts"></a>
<br>
<a href="http://wttv.click-tt.de"><img src="http://www.vfl-ramsdorf-tischtennis.de/test/wp-content/themes/default/images/click-tt.jpg" border="0"></a></div>


        <ul role="navigation">    
<li>    
<?php
$output = wp_list_pages('echo=0&depth=1&title_li=<div align="center"><h3>Seiten</h3></div>' );
if (is_page( )) {
  $page = $post->ID;
  if ($post->post_parent) {
    $page = $post->post_parent;
  }
  $children=wp_list_pages( 'echo=0&child_of=' . $page . '&title_li=' );
  if ($children) {
    $output = wp_list_pages ('echo=0&child_of=' . $page . '&title_li=<h2></h2>');
  }
}
echo $output;
?></li>
    
<li><div align="center"><h3>Termine</h3></div> <?php
ec3_get_events(
   '360 days',                               // limit
   '%DATE%: <br><a href="%LINK%">%TITLE%</a>', // template_event
   ''                                      // template_day
);
?></li></ul>    </div>            
            
        <ul>
            <?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>
                <?php wp_list_bookmarks(); ?>


                                                                    
            <?php } ?>


            <?php endif; ?>
        </ul>


      


    </div>

Alles anzeigen

alchymyth

ungefaeher 8 zeilen vor dem ende:

PHP

);
?></li></ul>    </div>            
 
        <ul>

das </div> hier scheint ueberfluessig zu sein.

Zitat

Bei Artikeln gibt es zudem das Problem, dass zwischen dem [COLOR=#306582]Footer[/COLOR] und dem oberen Teil der Seite ein kleiner blauer Streifen ist.

der sollte dann auch weg sein.

sirtobi93

alchymyth, du bist mein HELD!
Dank danke, an alle die hier mitdiskutiert haben:)
Es funktioniert!

sirtobi93

Update: Oh f***
Auf Artikeln tritt jetz ein ganz komischer Fehler auf:
LINK
Wie kann das jetz sein?

PHP

<?php
/**
 * @package WordPress
 * @subpackage Default_Theme
 */
?>
    <div id="sidebar" role="complementary">
        <ul>
            <?php     /* Widgetized sidebar, if you have the plugin installed. */
                    if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
            <li>
                <?php get_search_form(); ?>
            </li>


            <!-- Author information is disabled per default. Uncomment and fill in your details if you want to use it.
            <li><h2><?php _e('Author', 'kubrick'); ?></h2>
            <p>A little something about you, the author. Nothing lengthy, just an overview.</p>
            </li>
            -->


            <?php if ( is_404() || is_category() || is_day() || is_month() ||
                        is_year() || is_search() || is_paged() ) {
            ?> <li>


            <?php /* If this is a 404 page */ if (is_404()) { ?>
            <?php /* If this is a category archive */ } elseif (is_category()) { ?>
            <p><?php printf(__('You are currently browsing the archives for the %s category.', 'kubrick'), single_cat_title('', false)); ?></p>


            <?php /* If this is a daily archive */ } elseif (is_day()) { ?>
            <p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives for the day %3$s.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), get_the_time(__('l, F jS, Y', 'kubrick'))); ?></p>


            <?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
            <p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives for %3$s.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), get_the_time(__('F, Y', 'kubrick'))); ?></p>


            <?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
            <p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives for the year %3$s.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), get_the_time('Y')); ?></p>


            <?php /* If this is a search result */ } elseif (is_search()) { ?>
            <p><?php printf(__('You have searched the <a href="%1$s/">%2$s</a> blog archives for <strong>‘%3$s’</strong>. If you are unable to find anything in these search results, you can try one of these links.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), wp_specialchars(get_search_query(), true)); ?></p>


            <?php /* If this set is paginated */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?>
            <p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name')); ?></p>


            <?php } ?>


            </li>
<?php } ?>
            </ul>


<div align="center">
<a href="javascript:history.back()"><img src="http://www.vfl-ramsdorf-tischtennis.de/test/wp-content/themes/default/images/back.png" border="0" width="40" heigth="40" alt="zurück"></a>
<a href="http://www.vfl-ramsdorf-tischtennis.de/test"><img src="http://www.vfl-ramsdorf-tischtennis.de/test/wp-content/themes/default/images/home.jpg" border="0" width="40" heigth="40" alt="Startseite"></a>
<a href="javascript:history.forward()"><img src="http://www.vfl-ramsdorf-tischtennis.de/test/wp-content/themes/default/images/forward.jpg" border="1" width="40" heigth="40" alt="vorwärts"></a>
<br>
<a href="http://wttv.click-tt.de"><img src="http://www.vfl-ramsdorf-tischtennis.de/test/wp-content/themes/default/images/click-tt.jpg" border="0"></a></div>


        <ul role="navigation">    
<li>    
<?php
$output = wp_list_pages('echo=0&depth=1&title_li=<div align="center"><h3>Seiten</h3></div>' );
if (is_page( )) {
  $page = $post->ID;
  if ($post->post_parent) {
    $page = $post->post_parent;
  }
  $children=wp_list_pages( 'echo=0&child_of=' . $page . '&title_li=' );
  if ($children) {
    $output = wp_list_pages ('echo=0&child_of=' . $page . '&title_li=<h2></h2>');
  }
}
echo $output;
?></li>
    
<li><div align="center"><h3>Termine</h3></div> <?php
ec3_get_events(
   '360 days',                               // limit
   '%DATE%: <br><a href="%LINK%">%TITLE%</a>', // template_event
   ''                                      // template_day
);
?></li></ul>            
            
        <ul>
            <?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>
                <?php wp_list_bookmarks(); ?>


                                                                    
            <?php } ?>


            <?php endif; ?>
        </ul>


    </div>

Alles anzeigen

Ich dachte der Fehler sei behoben, aber was ist da jetz los?
Liegt es vielleicht auch an den Bildern?
style.css

Code

#content {
    background: url('images/kubrickbgwide.jpg') repeat-y;
    font-size: 1.2em;
    }


#sidebar
{
         background: #e6e6fa;
    padding: 20px 0 10px 0;
    margin-left: 720px;
    width: 230px;
    }

Alles anzeigen

telekommander

Zitat von sirtobi93

Update: Oh f***
Auf Artikeln tritt jetz ein ganz komischer Fehler auf:
LINK
Wie kann das jetz sein?

Es sind noch Inlinestyles vorhanden:

Code

<style type="text/css" media="screen">
    #page { background: url("http://www.vfl  ....  }
</style>

Wird dieser vorübergehend entfernt, fällt auf das eigentlich garnix mehr stimmt.

alchymyth

scheint wirklich an den bildern zu liegen:

http://www.vfl-ramsdorf-tischtennis.de/test/wp-conten…brickbgwide.jpg

ist noch nicht bearbeitet - zu schmal.

der kommt vom embbedded style; vom code im header.php, der verschiedenen hintergruende abhangig vom index/single steuert.

PHP

<?php
// Checks to see whether it needs a sidebar or not
if ( empty($withcomments) && !is_single() ) {
?>
 #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }
<?php } else { // No sidebar ?>
 #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }
<?php } ?>

da du aber jetzt auch eine sidebar im single anzeigst, passt das nicht mehr. du koenntest das aendern und nur noch das hier stehen lassen:

PHP

#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }

und #content hat eigentlich keinen hintergrund in der original version vom default theme; das wird alles ueber #page gemacht.

sirtobi93

Zitat

PHP-Code:
[COLOR=#000000]#page { background: url("[COLOR=#0000BB]<?php bloginfo[/COLOR][COLOR=#007700]([/COLOR][COLOR=#DD0000]'stylesheet_directory'[/COLOR][COLOR=#007700]); [/COLOR][COLOR=#0000BB]?>[/COLOR]/images/kubrickbg-[COLOR=#0000BB]<?php bloginfo[/COLOR][COLOR=#007700]([/COLOR][COLOR=#DD0000]'text_direction'[/COLOR][COLOR=#007700]); [/COLOR][COLOR=#0000BB]?>[/COLOR].jpg") repeat-y top; border: none; }[/COLOR]

Wo muss der denn rein? In style.css?

alchymyth

Zitat

vom code im [COLOR=#306582]header[/COLOR].php

das steht schon im header.php;
wie ich zuvor angedeutet habe, muss das nur ein wenig aufgeraeumt werden.

steht alles in meinem beitrag.
schritt fuer schritt ...

also vom inhalt des groesseren feldes mit php code (wie es im original header.php vom default theme steht) zum inhalt des kleineren feldes (da soll jetzt kein php code mehr stehen, nur noch dieser style)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Fehlender Hintergrund

Jetzt mitmachen!