Antworten auf deine Fragen:
Neues Thema erstellen

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

Kajo76

Noch nicht viel geschrieben

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
 
Zuletzt bearbeitet:

lachender_engel

Aktives Mitglied

Das Geheimsnis dazu heißt z.B. FireBug - prüfe Quellcode im Browser!
Im Oroginal hast Du diese Struktur:
HTML:
<div class="container shadow">
  <nav id="navi">
  <div class="content">
  <nav id="footer">
</div>
In Deiner Beispielseite sieht es so aus:
HTML:
<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

Noch nicht viel geschrieben

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 &lt;br style="clear:both;"&gt; gelöscht habe, war der Fehler immer noch da.

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

lachender_engel

Aktives Mitglied

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:
HTML:
<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

Aktives Mitglied

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.
 

Kajo76

Noch nicht viel geschrieben

Vielen Dank Euch allen - wie gesagt, vor lauter Bäumen den Wald nicht mehr sehen. :neee: Schliesse ich das content-div unterhalb des Footers, ist alles ok ;)
 
Zuletzt bearbeitet:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.612
Beiträge
1.538.343
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben