Problem Layout Flat Responsive IE und FF

  • Hallo liebe Herrschaften

    ich habe ein Problem beim Template Flat Responsive - siehe Screenshot anbei.

    Der IE stellt alles irgendwie falsch dar.... Layout ist nicht bearbeitet, lediglich das Logo wurde eingebaut und die Navigation getippt.

    Ich erbitte um Hilfe, wie wir die Anzeigefehler im IE korrigieren können!

    Danke Adrian

  • Hallo,

    das zu groß Dargestellte Logo, das man im IE bei schmalem Fenster nach dem Scrollen sieht, können wir per Online-Update beheben. Bis dahin hilft Ihnen das folgende CSS:

    Ich habe aber einen einfachen Workaround für Sie:

    • Klicken Sie im Menü Website auf "Einstellungen"
    • Klicken Sie auf CSS
    • Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) in das Feld "CSS" ein und schließen Sie den Dialog dann mit Klick auf "OK"
    CSS
    <style>
    .ie #header #nav > ul li a.logo{
        display: block;
    }
    </style>

    Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.

    Was die kleiner dargestellte Kopfgrafik (Header) anbelangt, können wir da im IE aktuell nichts tun, da dieser als einziger Browser die CSS-Eigenschaft "object-fit" nicht unterstützt. Wir offen hier auf Besserung seitens des Browsers. In meinem IE wird im kleinen Header die Schrift allerdings viel kleiner dargestellt und bleibt somit lesbar und wenn zu viel Text im Header ist, wird sogar eine Scrollbar dargestellt. Warum dies bei Ihnen nicht so ist, erschließt sich mir noch nicht.

    Sie sollten zum Testen die Browserfenster nie schmaler als 320px ziehen, da es realistisch kein Smartphone mit schmalerem Bildschirm auf dem aktuellen Markt gibt und der Test somit unrealistisch wäre.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

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