Erledigt - Kleines oder größeres float-Problem (?)

[Kajo76]

Hallo zusammen,

ich sehe vor lauter Bäumen den Wald nicht mehr. Bräuchte mal ein wenig Hilfe.

Link original (wie es normalerweise aussieht und wieder aussehen sollte): xxxxx
Link zur Problem-Verdeutlichung: xxxxx

Kurz umrissen: Wollte auf der Seite "Erfahrungen" (im Footer) unterhalb einer Galerie die WordPress-Kommentare aktivieren. Funktioniert auch alles soweit, bis auf dass die Footer-Navigation, die vorher im Container drin war, nun alleine ca. 25px weiter unten rumdümpelt. Bekomme sie zwar wieder an den Container geschoben, jedoch nicht mehr in den Container rein, wie es eigentlich sein sollte.

Desweiteren ist seit dem Kommentar-Aktivieren die Seite "Über mich" ohne weißen Hintergrund.
Ist beides sicherlich ein float-Problem, nur wie gesagt - vor lauter Bäumen...

Danke und viele Grüße,
Kajo76

 

[lachender_engel]

Das Geheimsnis dazu heißt z.B. FireBug - prüfe Quellcode im Browser!
Im Oroginal hast Du diese Struktur:

<div class="container shadow">
  <nav id="navi">
  <div class="content">
  <nav id="footer">
</div>

In Deiner Beispielseite sieht es so aus:

<div class="container shadow">
  <nav id="navi">
  <div class="content">
</div>
<nav id="footer">

Also hast Du den Container für den Content zu früh geschlossen und der Footer "fällt" raus.

 

[Kajo76]

Danke für Deine Antwort.
Ich prüfe fleissig im Browser Nicht im Firebug, sondern im Inspektor des Firefoxes.
Was mir dabei auffiel:
Aktiviere ich die Kommentare, gibt es den oben beschriebenen Fehler (Footer ausserhalb des Containers, so auch im Quelltext!), deaktiviere ich es wieder, ist der Footer wieder IM Container (ebenfalls im Quelltext!).

Hatte mir schon alle möglichen Templates angeschaut, ob ich da was falsch verschachtelt hätte, aber dem war nicht so. Ebenfalls hab ich überprüft, ob es an einem Plugin hängen könnte oder gar an WordPress' Galerie (da beide ja Code einschleusen - insbesondere das liebe "clear:both"), aber nachdem ich das Plugin deaktiviert und später den Inline-Knoten der Galerie <br style="clear:both;"> gelöscht habe, war der Fehler immer noch da.

Also muss irgendwas am CSS nicht stimmen - nur was und wo?

 

[lachender_engel]

Der beschriebene Fehler hat nichts mit CSS zu tun. Die Verschachtelung ist falsch.
Der Content-Div wird vor dem Footer-Div geschlossen. Da ist nichts zu rütteln.
Schaue Dir den Quelltext im Brower an. Wenn Du den dann noch ordentlich formatierst siehst Du folgendes:

<div class="container shadow">
   <nav id="navi">
     <h3 class="menu-toggle" >
       <span data-icon="&#8801;" aria-hidden="true"></span>
       <span class="screen-reader-text">Menü</span>
     </h3>
     <div class="sitename">
       <a href="index.php"><h1>Herz-Magnet</h1></a>
     </div>
     <div class="menu-hauptnavigation-container">
  <ul id="menu-hauptnavigation" class="menu">
  <li id="menu-item-142" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-133 current_page_item menu-item-142"><a href="http://avenico.de/herzmagnet/">Willkommen</a></li>
  <li id="menu-item-141" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-141"><a href="http://avenico.de/herzmagnet/seminare/">Seminare</a></li>
  <li id="menu-item-138" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-138"><a href="http://avenico.de/herzmagnet/massagen/">Massagen</a></li>
  <li id="menu-item-136" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-136"><a href="http://avenico.de/herzmagnet/einzelsitzungen/">Einzelsitzungen</a></li>
  <li id="menu-item-135" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-135"><a href="http://avenico.de/herzmagnet/ueber-mich/">Über mich</a></li>
  <li id="menu-item-144" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-144"><a href="http://avenico.de/herzmagnet/erfahrungen/">Erfahrungen</a></li>
  <li id="menu-item-140" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-140"><a href="http://avenico.de/herzmagnet/impressum/">Impressum</a></li>
  </ul>
  </div>
   </nav>
   <div class="content">
     <img class="header" src="http://avenico.de/herzmagnet/wp-content/themes/herzmagnet/images/herzmagnet_hand.jpg" alt="Herz in Händen" title="Herzmagnet">
  <h2 class="title">Willkommen</h2>
  <div class="content-text">
  <p>Herzlich willkommen!</p>
  <p>Ist es Zufall, dass du gerade hier gelandet bist? Nun, entscheide selbst.</p>
  <p>Ich jedenfalls freue mich dich hier auf meiner Seite Herz-Magnet begrüssen zu dürfen und wünsche dir viel Spaß beim entdecken und fühlen. Wenn du dich von den Seminaren, Meditationen oder der Körperarbeit angesprochen fühlst, dann melde dich doch einfach telefonisch oder per Email (siehe Impressum) bei mir.</p>
  <p>Bis dahin, alles Liebe und sei herzlich gegrüßt.</p>
  </div>
  <div id="comments"></div>
  <div id="content-form"></div>
  </div>
</div>
<nav id="footer">
   <div class="menu-footer-navigation-container">
  <ul id="menu-footer-navigation" class="menu">
  <li id="menu-item-139" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-139"><a href="http://avenico.de/herzmagnet/erfahrungen/">Erfahrungen</a></li>
  <li id="menu-item-137" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-137"><a href="http://avenico.de/herzmagnet/impressum/">Impressum</a></li>
  </ul>
  </div>
</nav>
</div>

Zu erkenen ist, dass vor <nav id="footer"> der content-Div geschlossen wird. Und, nach </nav> (vom Footer) noch ein </div> kommt.

Mein Tipp: Kommentiere den Code besser - auch die schließenden Tags, sofern sie nicht auf einen Blick zuzuordnen sind.

 

[Dudlhofer]

Das ist eine Wordpress-Seite. Da kannst Du den Code nicht so einfach beeinflussen, sondern musst in den Code der Module und entsprechenden Plugins rein. Das kann durchaus ein Bug sein, den der Entwickler des Plugins vielleicht noch gar nicht kennt.

 

[dn3d_fanboy]

In Zeile 136 muss das </div> raus. Damit schließt du den kompletten Container.

 

[Kajo76]

Vielen Dank Euch allen - wie gesagt, vor lauter Bäumen den Wald nicht mehr sehen. Schliesse ich das content-div unterhalb des Footers, ist alles ok