Problem mit Wrapper und Footer

Windfänger

Hallo alle zusammen!

Ich habe mich an einem eigenen Layout versucht und bin bisher relativ weit gekommen und auch ganz zufrieden mit dem Ergebnis. Leider funtkionieren aber zwei Dinge nicht so, wie sie sollten.
- Damit es so aussieht, als wären die beiden Sidebars und der Content eine Fläche, habe ich das eigentlich alles in <div id="wrapper"> gepackt. Der Wrapper ist genauso breit wie der Header und hat einen weißen Hintergrund. Eigentlich. Denn leider wird er nicht angezeigt. Weiß jemand, warum und kann mir helfen den Fehler zu beheben?
- Der Footer sollte eigentlich in der Mitter der Seite liegen, genauso wie der Header. Aus irgendeinem Grund klappt das aber nicht und er ist manchmal nach rechts und leicht nach oben verschoben. Woran liegt das?

Es geht um diese Seite: http://atani.bplaced.net/buchblog

Bitte helft mir, denn ich kann den Fehler einfach nicht finden.
Vielen Dank schonmal im Voraus :smile:

edit: Ich habe gerade festgestellt, dass die Probleme auf den Seiten nicht bestehen, sondern nur auf der Startseite mit den ganzen Artikeln. Auf den Seiten und wenn man einen einzelnen Artikel aufruft wird nur fälschlicherweise oben links neben der rechten Sidebar ein kleines oranges Feld angezeigt.
Seltsam...

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

Windfänger

Hat denn keiner eine Idee?

Windfänger

Immer noch keine Ideen?

Ich hab nochmal einiges ausprobiert, aber der Fehler auf der Startseite bleibt - leider. Auf den einzelnen Unterseiten, bzw. der Ansicht eines einzelnen Artikels sieht es mittlerweile so aus, wie es eigentlich auch aussehen soll.
Warum also klappt es auf der Hauptseite mit allen Artikeln nicht?

Das ist der Code:
header.php

PHP

<!DOCTYPE html>


  <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/blueprint/screen.css" type="text/css" media="screen, projection">
  <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/blueprint/print.css" type="text/css" media="print">
  <!--[if lt IE 8]><link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->


 <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
 <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />


         <title><?php wp_title(); ?> - <?php bloginfo('name'); ?></title>


<?php wp_head(); ?>


 </head>
<body>


<div id="head">




 <div id="navmenu">
 <ul>
  <li><a href="<?php echo get_settings('home'); ?>">Start</a></li>
     <?php wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?>
  </ul>
 </div>
</div>




 <div id="wrapper">

Alles anzeigen

index.php

PHP

<?php get_header(); ?>


<div id="sidebar1">
<?php include("sidebar1.php"); ?>
</div>


<div id="sidebar2">
<?php include("sidebar2.php"); ?>
</div>


<div id="content">
   <?php if (have_posts()) : ?>
   <?php while (have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
    <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
    <p class="meta">
          <span class="date"> am <?php the_date('d.m.Y'); ?></span>
          <span class="author">von <?php the_author() ?></span>
          <span class="categorie">Kategorie: <?php the_category(', ') ?></span>
          <span class="comments"><?php comments_popup_link('Keine Kommentare', 'Kommentar (1)', 'Kommentare (%)'); ?></span>
          </p>
<div class="entry">
   <?php the_content(); ?>
 </div>
    <div align="center"><hr style="border: none; border-top: 2px solid #c77e20; background-color: none; height: 1px;">
     </div><br>


<?php endwhile; ?>
    <div class="navigation">
     <div class="alignleft">
       <?php next_posts_link('&laquo; &Auml;ltere Eintr&auml;ge') ?>
     </div>
     <div class="alignright">
       <?php previous_posts_link('Neuere Eintr&auml;ge &raquo;') ?>
     </div>
  </div>


  <?php else : ?>
  <h2 class="center">Nichts gefunden!</h2>
  <p class="center">Tut mir leid, aber du suchst nach etwas, das es hier nicht gibt.</p>
  <?php endif; ?>
</div>


<div id="footer">
<?php get_footer(); ?>  </div>

Alles anzeigen

footer.php

PHP

</div>
<p style="clear: both">


 <div id="footer">


 <p><i>&copy; 2011 Windf&auml;nger</p>
     <?php wp_footer(); ?>


</div>


 </body>
</html>

Alles anzeigen

Bitte helft mir, ich weiß einfach nicht mehr weiter!

mfitzen

Naja, Du hast einige HTML Fehler, die Du erstmal ausmerzen solltest: http://validator.w3.org/check?verbose=…t%2Fbuchblog%2F

Da sind einige Tags, die entweder nicht richtig geöffnet, oder nicht richtig geschlossen wurden. Einige werden auch Folgefehler sein...

Nur als Beispiel: Du schließt ein Div nach dem schließenden HTML Tag. Das kann nicht sein. </html> sollte der letzte Tag einer Website sein.

Windfänger

Erstmal vielen Dank für deine Antwort :)

Zitat

Naja, Du hast einige HTML Fehler, die Du erstmal ausmerzen solltest: http://validator.w3.org/check?verbos...%2Fbuchblog%2F

Ich weiß, aber ich krieg die nicht gelöst, denn manche "Fehler" sind Inhalte aus Text-Widgets, die eigentlich richtig sein sollten. Ich hab hier im Forum auch schonmal gefragt, ob mir da vielleicht jemand helfen kann, aber da hat sich leider keiner gemeldet...

Zitat

Du schließt ein Div nach dem schließenden HTML Tag. Das kann nicht sein. </html> sollte der letzte Tag einer Website sein.

Wo? Ich habe gedacht, dass footer.php quasi das Ende des Codes ist und der hört mit </html> auf. Oder denk ich da verkehrt?

mfitzen

Zitat von Windfänger

Wo? Ich habe gedacht, dass footer.php quasi das Ende des Codes ist und der hört mit </html> auf. Oder denk ich da verkehrt?

Dann deaktiviere alle Plugins, damit diese als Fehlerquelle ausgeschlossen werden können. Schau einfach mal in den Quelltext der beim Seitenaufruf generiert wird, dann siehst Du was ich meine. Ich hab auch nicht gesagt, dass es eine Sache von Sekunden ist, die Fehler zu bereinigen. Das kann schon ein bisschen Zeit in Anspruch nehmen. Da musst Du einfach mal die einzelnen Dateien genau unter die Lupe nehmen.

Windfänger

Zitat

Schau einfach mal in den Quelltext der beim Seitenaufruf generiert wird

oh ja. Wo kommt das denn her? Wird das automatisch generiert, wenn ich irgendwo ein <div> nicht geschlossen habe?

Zitat

Da musst Du einfach mal die einzelnen Dateien genau unter die Lupe nehmen.

Das hab ich wirklich schon mehrfach gemacht. Ich habe auch die single.php Zeichen für Zeichen mit der index.php verglichen, denn wenn man sich einen einzelnen Artikel anziegen lässt, dann funktioniert es ja genau so, wie es soll. Aber leider hab ich den Fehler nicht gefunden.

Ich probier das mit den Plugins mal...

edit: Nö, dann siehts genauso aus. Ich hab derzeit auch nur das "Related Posts by Category"-Plugin drin.

mfitzen

Dann liegt´s am Theme. Du könntest z.B damit anfangen in der index.php die rot markierten Zeilen zu entfernen:

PHP

[COLOR="Red"]<div id="footer">[/COLOR]
<?php get_footer(); ?>
[COLOR="Red"]</div>[/COLOR]

Damit löst Du schonmal 2 Probleme. Zum Einen, dass nach dem HTML Tag ein Div geschlossen wird und zum Anderen, dass die ID footer doppelt verwendet wird (steht bereits in der footer.php). http://www.webmaster-resource.de/tutorials/css-…assid-selectors

Dann solltest Du

Code

<div align="center"></div>

durch entsprechende CSS-Angaben austauschen.

Zitat

Das div-Element wird weiterhin zum HTML-Standard gehören. Das Attribut align ist jedoch als deprecated eingestuft und soll künftig entfallen. Statt dessen sollten Sie mit Stylesheets arbeiten.

http://www.wssexpert.de/Style/Examples/007/center.html

Desweiteren:

Code

<li></li>

gehört normalerweise in

Code

<ul></ul>

oder

Code

<ol></ol>

eingebettet. http://de.selfhtml.org/html/text/listen.htm

Zudem werden die Beiträge irgendwie ineinander verschachtelt: Screenshot. Das passiert meistens, wenn irgendwelche Tags nicht richtig geschlossen wurden.

Wenn Du all das erstmal bereinigst, bist Du schonmal nen Schritt weiter.

Windfänger

Ich habe die markierten Zeilen in der index.php und auch in der single.php sowie page.php entfernt - denn da stand ja überall das Gleiche. ;) Jetzt schauts aber leider auch auf den einzelnen Seiten nicht mehr so aus, wie es eigentlich sollte. Muss es jetzt in die single.php und page.php wieder rein oder liegt das Problem woanders?

Code

<div align="center"></div>

ich bin davon ausgegangen, dass du den Code für den Balken zwischen den Artikeln meinst und hab das da jetzt geändert. Es ist zwar noch ein "align" drin, aber ich werd den Artikel nachher noch lesen und das dann entsprechend ändern.

Code

<li></li>

Hat mich etwas verwirrt. Ich habe diese Befehl immer in <ul></ul> geschrieben. Aber als ich mir den Seitenquelltext angesehen habe, habe ich folgendes gefunden:

Code

<div id="sidebar1">   <li id="text-11" class="widget widget_text"> ...

Das hab ich nur leider nicht selbst geschrieben, sondern das kommt von wordpress. Das sind die Widgets, die ich da eingefügt habe und deren Code schreib ich ja nicht selbst. Wie komm ich denn da ran, denn eigentlich find ich die Widgets ganz praktisch und wollte das jetzt nicht alles per Hand in die Sidebar schreiben?
Ich hab ja nur in der index.php den Code

PHP

<div id="sidebar1">
<?php include("sidebar1.php"); ?>
</div>


<div id="sidebar2">
<?php include("sidebar2.php"); ?>
</div>

und dann jew. in der sidebar.php

PHP

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>


<h2>Kategorien</h2>
 <ul>
  <?php wp_list_categories(); ?>
 </ul>




<h2>Archiv</h2>
 <ul>
  <?php wp_get_archives(); ?>
 </ul>




<?php endif; ?>

Alles anzeigen

Windfänger

Mein Problem hat sich leider noch immer nicht gelöst. Ich habe noch viel ausprobiert, aber ich krieg es einfach nicht hin. Immerhin habe ich soweit fast alle Fehler ausgemerzt, die der W3C Validator angezeigt hatte. Die, die jetzt noch übrig sind, möchte ich hier kurz erläutern, denn die liegen nicht an mir:

- Line 44, Column 44: Element li ...
<-- das schreibt wordpress von allein. So werden die Widgets gemacht. Keine Ahnung, aber daran dürfte mein Problem ja eigentlich nicht liegen.
- Line 46, Column 43: Element li ...
<-- siehe oben.

-Line 47, Column 143: & did not start a character reference.
<-- das ist ein Link in einem Textwidget, der zu Amazon führt. Der Link ist nunmal so, da kann ich das "&" nicht rausnehmen.
- Line 47, Column 166: & did ...
<-- siehe oben.

- Line 49, Column 55: Element li ...
<-- siehe ganz oben erster Punkt.
- Line 73, Column 43: Element li ...
<-- und nochmal.
- Line 80, Column 50: Element li...
<-- und nochmal.
- Line 90, Column 43: Element li...
<-- und schon wieder.
Line 93, Column 55: Element li ...
<-- und wieder einnmal.

- Line 272, Column 8: End tag for body seen but there were unclosed elements.
<-- die habe ich allerdings nicht finden können. Jemand eine Idee?

- Line 193, Column 38: Unclosed element div.
<-- Das kommt wieder von Wordpress.

Line 192, Column 18: Unclosed element div.
<-- Das wird definitiv geschlossen.

- Line 40, Column 19: Unclosed element div.
<-- Und das auch.

Hat jemand noch eine Idee, warum das nicht so aussieht, wie es sollte? Warum der Footer irgendwo rumhängt, aber definitiv nicht in der Mitte der Seite unter dem Rest? Bitte helft mir, ich werd noch verrückt mit diesem Design...

alchymyth

Zitat

Line 44, Column 44: Element li not allowed as child of element div in this context. (Suppressing further errors from this subtree.)

das kommt von deinem theme (also nicht von 'wordpress'), davon wie die sidebar in 'register_sidebar()' in functions.php definiert ist; es sieht so aus als haettest du da eine mischung von div und li drin.
http://codex.wordpress.org/Function_Refer…egister_sidebar
evtl musst du den code der functions.php hier posten.
(vielleicht muss auch nur ein <ul> an den anfang von sidebar1 ?, und ein </ul> ans ende))

Zitat

Line 193, Column 38: Unclosed element div

das steht dreimal im report drin - fuer die drei posts auf der seite.
kommt von einem ungeschlossenen div im loop; d.h. vor dem 'endwhile' des loops.
wenn das folgende im code finden kannst:

PHP

<hr style="border-right: medium none; border-width: 2px medium medium; border-style: solid none none; border-color: rgb(199, 126, 32) -moz-use-text-color -moz-use-text-color; height: 1px;">
     <br>

dann muss da ein

PHP

</div>

dahinter.

ausser dem amazon fehler sollte dass alles sein.

edit:
um den weissen hintergund auch an den seiten nach unten zu strecken, muss evtl auch diese zeile

PHP

<p style="clear: both;"></p>

an die stelle vor das </div> verschoben werden, hinter dem die zeile im moment steht.

Windfänger

oh :oops: habe das </div> eingefügt und tatsächlich - der Fehler ist weg ^^. Danke!

Der Code meiner functions.php sieht folgendermaßen aus:

PHP

<?php
if ( function_exists('register_sidebars') )
register_sidebars(2);
?>

Recht dürftig aber reicht ;)

Windfänger

Oh, habe das edit übersehen.
Wow! Jetzt klappt es! Ich kanns noch gar nicht glauben. Ich hab das auch schonmal davor geschoben, aber da ist nix passiert. Muss an den anderen Fehlern dazu gelegen haben. Vielen, vielen Dank!!!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Problem mit Wrapper und Footer

Jetzt mitmachen!