Seite immer linksbündig statt mittig

    Hallo,

    trotz wirklich stundenlanger Arbeit und Suche kann ich folgendes Problem nicht lösen:

    Auf der Seite
    http://ruppel-thuermann.de/

    ist die dreispaltige Seite leider nichts mittig, sondern linksbündig. Header und Logo sind - wo sie auch sein sollen - mittig. Das ist sehr hässlich.
    Auf allen anderen Unterseiten tritt das Problem nicht auf.

    Auf Mobiltelefonen sind aber sowohl das Logo und der Header als auch diese problematische Seite schön mittig.

    Die dreispaltige Seite ist mit "Easy Columns" erstellt.

    Die Header.php ist angepasst mit:

    [FONT=Calibri] <?php if( is_page('testseite') ) : ?>
    [/FONT]
    [FONT=Calibri]<style type="text/css" media="screen">
    [/FONT]
    [FONT=Calibri]#main { width: 100%; }
    [/FONT]
    [FONT=Calibri]</style>
    [/FONT]
    [FONT=Calibri]<?php endif; ?>
    [/FONT]

    Wenn man statt der 100 % z.B. 1200px oder etwa mit em festlegt, ist die Seite zwar auf PC-Monitoren mittig, egal ob auf großen oder auf kleinen. Bei Mobiltelefonen scheint dann jedoch das Logo und der übrige Header linksbündig, die problematische dreispaltige Seite jedoch mittig, so dass man seitwärts scrollen muss. Warum sich dann Logo und Header verschieben, weiß ich nicht.

    Wie kann ich das lösen?

    Kann man dem Editor, in dem ich die Seite festlege und mit Inhalt fülle, mit HTML manipulieren? Oder gibt es eine andere Lösung?

    Ich habe auch kein Problem damit, etwas andere zu nehmen als Easy Columns (wenn die das Problem sind), ich brauche nur ein im Ergebnis einmalig ein vergleichbares dreispaltiges Layout.

    Theme ist "Match".

    Vielen Dank!!

    • Gerade eben
    • 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

    Es liegt nicht an #main, sondern an #primary bzw. dann an .col-lg-8

    Gab es mal eine Sidebar, die du gelöscht hast?

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Anschließend noch eine (hoffentlich die letzte?) Frage:

    Wenn ich die Bilder mir ansehe, etwa hier:
    http://ruppel-thuermann.de/medizinrecht/

    dann sind die auf größeren Bildschirmen oder bei Verkleingerung des Inhaltes linksbündig. Und zwar auch dann, wenn ich im Theme bei der Erstellung der Seite festlege, dass das Seitenheaderbild "Zentriert" erscheinen soll.

    (Wie) ist das denn lösbar? Auf die naheliegenste Einstellung folgt ja keine Reaktion.

    Danke noch einmal:)

    Dein <img> ist so definiert:

    Code
    .img-responsive {
    display: block;
    height: auto;
    max-width: 100%;




}


    Entweder, du ergänzst ein

    Code
    width: 100%;

    dann werden die Bilder bei sehr großen Bildschirmen pixelig. (1920 Pixel sind aber schon ziemlich viel …)

    Oder du ergänzst ein

    Code
    margin: 0 auto;

    Ich weiß jetzt nicht, wo img.resposive noch verwendet wird. Ggf. genauer definieren durch Voranstellen der Klasse .header-custom vom übergeordneten <div>.

    Gruß
    helix

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden