Was ist neu?
Digital Marketing & Webmaster Forum

Digital Marketing, Internet-Technologien, Metaverse und mehr interessieren Dich? Registriere Dich gleich kostenlos, um Mitglied zu werden! Sobald Du angemeldet bist, kannst Du loslegen, Themen und Beiträge veröffentlichen und mit anderen Mitgliedern in Kontakt treten! Wir wünschen Dir einen anregenden Austausch!

Vertikale Ausrichtung eines geloateten DIVs

Steve

- Premium Member -
Moin :)

Mir platzt gleich das Hirn :/

Folgendes Problem -> Footerlösung mit einem DIV als Footer, dessen Höhe nicht bekannt ist. Zwei innere DIVs sind mittels float: left (Menüpukte für Impressum, AGB und so) und float:right (Logos für Facebook, etc.) jeweils am linken bzw. rechten Rand des Footers positioniert.

Dabei ist der linke DIV variabel hoch und zieht damit den Footer ansich in die Höhe.

Der rechte DIV mit den Logos soll nun vertical im Footer zentriert werden.

HTML sieht so aus:

HTML:
<div id="footer">
    <div id="fwrapper">
        <div id="fleft">
            <?php wp_nav_menu( array('menu' => 'footer-menu','theme_location' => 'footer-menu','container_class' => 'fmenu'));?>
        </div>
        <div id="fright">
            <a href="https://www.facebook.com"><img id="ffbimage" alt="Facebook" src="<?php echo get_stylesheet_directory_uri();?>/images/FaceBook_48x48.png" /></a>
        </div>                         
    </div>
</div>

Ich hab mit dem CSS alle Möglichkeiten durch, denke ich (table, table-cell, vertical-allign, ...) ... ich kann machen, was ich will: der rechte div mit dem img klebt am oberen Rand des Footers.

Mir würde ja auch reichen, wenn der rechte div bottom positioniert werden könnte aber die positionierung ist ja nun auch obsolet :(
 
Oben