Style bottom:0px wird nicht ausgeführt

  • Hallo Experten,

    mal wieder ein CCS-Problem, bzw. weiß ich nicht, wo bei mir der Fehler liegt.

    Die Startseite von http://friederike.tagsucht.de/ zeigt in gelben Blöcken die letzten Beiträge.

    Um die eigen zu formatieren gibts neu im code den <div class="summaryblock"> sowie übergeordnet einen <div class="summary">

    Die Blöcke sollen nun am unteren Rand des Content liegen, was mir nicht gelingt; einen Wert top:[...]px kann ich notieren, allerdings bewirkt bottom:0px nichts. Irgendein übergeordnetes Element des summaryblock müßte wohl height:100% erhalten, damit das geht. Nur welches?

    System ist WordPress 3.6.1.
    Theme ist ein modifiziertes http://themehybrid.com/themes/retro-fitted
    CSS Style: http://friederike.tagsucht.de/wp-content/the…d/style.min.css


    LG und Dank vorab
    K.N.

    Wer ohne Fehler ist, darf anderen an die Nase greifen.

    • Anzeige

    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

  • Jeht ooch nich :/

    Egal wie, die Blöcke hängen bei Angaben wie bottom oder baseline immer oben, dem Element <div class="summary"> habe ich 100% Höhe gegeben.

    Im Quelltext sehe ich noch ein Element <div class="hfeed">, aber das hat mein CSS garnicht!?

    Wer ohne Fehler ist, darf anderen an die Nase greifen.

  • Ich werd noch blöde dabei...

    "Position relativ zum Elternelement"

    Code
    <div id="content">
      <div class="summary">
        <div class="hfeed">
          <div id="post-192" class="hentry post publish post-1 odd author-admin category-allgemein">
            <div class="summaryblock"> … </div>

    Wenn der hfeed nach unten die Elemente post und summaryblock umschließt, er selbst innerhalb der summary liegt, dann müßte er doch bei

    .summary{height:100%}

    und

    .hfeed{position:relative;bottom:0}

    unten am Rand der summary liegen!? Tut er aber nicht!

    Denkfehler? Wer kann helfen?

    lg
    K.N.

    Wer ohne Fehler ist, darf anderen an die Nase greifen.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!