twentythirteen: 2 Elemente viewport-unabhängig mittig und ohne überlappen Darstellen

  • Hallo liebste Wordpress-Freunde,

    ich habe mal wieder ein Problem. Auf meiner (Test)Seite http://www.abi-rechner.com/bundeslander/saarland/ versuche ich verzweifelt einen Weg zu finden, den Abi-Rechner und den Werbeblock rechts davon - mittig darzustellen unabhängig davon ob ich auf dem Ipad oder auf dem PC mir die Seite anschaue.

    Je größer der Bildschirm desto besser die Darstellung. Je kleiner der Bildschirm desto mehr rückt sich der Rechner nach rechts, um die 25%margin-left einzuhalten.

    Ich habe eine min-width für die klasse .site angegeben damit der Werbeblock nicht bei kleiner View-Ports nach unten rutscht, sieht aber nicht in jedere situation passend aus.

    Hat jemand einen einfache Rat, die beiden Elemente immer mittig darstellen zu lassen, ohne das Überlappung auftritt oder ein wegrutschen nach unten des Elements?

    Vielen Dank!

    • 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

Jetzt mitmachen!

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