Seiten werden auf div. Browsern unterschiedlich dargestellt

    Lieber Zeta Team

    Ich hatte kürzlich ein Problem, dass meine Sliderbilder beim anklicken blau eingefärbt wurden. Dieses Problem konnte ich dank der Hilfe von Jochen beheben (grosses Dankeschön).
    Der Thread dazu war:


    Slider Bilder werden blau eingefärbt beim anklicken


    Nun, nachdem ich seit mehreren Wochen an den Sites gearbeitet habe und sie nun endgültig auf den def. Server hochladen wollte, stellte ich noch Schlimmeres fest.
    Die Seiten werden bei gewissen Browsern unterschiedlich dargestellt, das heisst, bei gewissen Browsern ist die Seite nicht zu gebrauchen.
    Konkrete Beispiele. welche ich selber auf versch. Rechnern, Tablets und Browsern testen konnte:

    Auf Win 7 pro
    Firefox 48.0 i.O.
    Google Chrom 52.0.2743.116m i.O.
    IE 11.0.9600.18426 - Die Inhaltseite lässt sich seitlich verschieben, links unter die Navigation oder rechts aus dem Bild, wobei die ganze Fläche dahinter weiss erscheint (Meine Seite ist schwarz).
    Der Titel (Header) hat eine ganz andere Dimension und läuft aus dem Bild auf den weissen Hintergund. Die ganze Darstellung ist nicht zu gebrauchen.

    Die Navigation bleibt auf der linken Seite fix

    Auf Mac

    Firefox 48.0.1 i.O.
    Firefox 45.0.1 ähnlich wie bei IE, ganze Inhaltseite ist seitlich verschiebbar wie bei IE (siehe oben unter Win)
    Safari 9.1.1 Inhaltseite (schwarz) kann unten und oben aus dem Bild gezogen werden und es erscheint ein weisser Hintergund

    Die Navigation belibt auf der linken Seite fix

    Tablet (I Pad)

    Die Inhaltseite (nicht die Navigation) ist mit 2 Fingern auf alle Seiten verschiebbar, teilweise unter die Navigation. Dahinter kommt ein weisser Hintergund zum Vorschein.

    Nun, das waren nur die paar Möglichkeiten, welche ich testen konnte. Was weiss ich, wer mit welchen Browsern auf welchen geräten surft.
    MIt dieser Unsicherheit kann ich die Seite nicht def. publizieren.
    An was liegt das ? Was kann ich tun, damit die Seite überall mit Sicherheit professional dargestellt wird ?


    Anbei die Infos zu der Seite:
    Version 13.2.1. ExpressLayout: Athmosphäre Resp.
    Link: http://ghekko.ch/BIZART/das-theater.html

    Ich bin sehr dankbar für Eure Unterstützung, ansonsten die viele Arbeit für nix war, ich weder diese Seite noch anstehende, künftige Projekte publizieren bzw. mit diesem Porgramm realisieren kann,
    was sehr schade wäre, weil mir das Arbeiten mit Zeta eigentlich grossen Spass macht.

    Herzlichen Dank für Euren Support

    LG

    Cello

    Hallo Cello,

    also ich kann das hier bei mir gerade nicht nachstellen.
    (Hab aber auch von allen Browser die aktuellste Version im Einsatz).

    Um ausschließen zu können, das dies an dem Code liegt (Slider Bilder werden blau eingefärbt), kannst du diesen einfach mal entfernen aus dem CSS,
    und dann das ganze mal testen.

    Evtl. hilft es auch schon die Browseransicht mit F5 oder der Kombi STRG und F5 zu aktualisieren.

    Wenn du "normal" mit deiner Seite arbeitest, geht denn das?
    Also wenn du nichts "verschieben" willst, sondern normal auf die Menüpunkte auswählst?

    Gruß
    Jochen

    Hallo Jochen

    Vielen Dank für dein Feedback.

    Anbei ein Screenshot. um darzustellen was ich meine (IE)
    Dies ist von der veröffentlichten Seite auf einem anderen Gerät (Notebook/Mac), also nicht auf dem Rechner, wo ich mit Zeta arbeite.
    Weiter siehst du auf dem 2. Screenshot, dass hier auf IE der Titel oben plötzlich viel breiter läuft als die 2 Bilder, d.h. das Layout wird verschieden dargestellt.
    Bei Prüfen ist mir auch noch aufgefallen, dass die ganze Problematik betr. blauen Flächen bei IE auch noch da ist.... siehe 3. Scrennhot.

    Irgendwie bin ich etwas verzweifelt, da nach so viel Arbeit sich hier plötzlich soviel (unbekannte) Probleme auftun. Ich kann ja nicht jedem User eine Gebrauchsanleitung mitsenden, welchen Borwoser, welche Einstellungen usw. er brauchen soll.
    Ist es dieses Layout, das Probleme macht ? ich kann ja nicht viel anderes mehr einstellen ?

    Lieber Gruss

    Cello

    Hm.... das wird (glaube ich gerade) kein leichter Fall bei dir.
    Und das ist jetzt nicht böse gemeint ;)

    Ich würde dir zunächst mal empfehlen, den oder die Browser bei denen es fehlerhaft dargestellt wird, auf ihre Werkseinstellungen zu setzen und ggf. auf die neuste Versionen zu aktualisieren.

    Das mit dem "blau-problem" kann ich hier bei mir nur nachvollziehen, wenn ich das markiere.
    Was aber dann normal wäre (zeig mir eine Webseite, bei der es nicht so ist...)

    Ältere Browser, werden nicht immer von neueren Layouts unterstützt.
    Man wird nie ein 100% sauberes ergebnis auf allen Gerätetypen, Browser und Software u.s.w. hinbekommen.....

    Hast du zum testen, jetzt mal meinen Code rausgenommen?

    Ruf mal bitte folgende Testseite auf: https://hosting.zeta-producer.com/3986133788/index.html
    Und überprüfe mal damit, ob das richtig dargestellt wird, wo deine Seite nicht stimmt.

    Das ist das Standard-Layout, ohne irgendwelche Anpassungen.
    Vielleicht kann man damit das ganze ein wenig besser "eingrenzen".

    Gruß
    Jochen

    Einmal editiert, zuletzt von Jochen (22. August 2016 um 11:46)

    Lieber Jochen, vielen Dank für deine Geduld und deinen so wertvollen Support

    > Hm.... das wird (glaube ich gerade) kein leichter Fall bei dir.
    Das berfürchte ich auch :(


    >Ich würde dir zunächst mal empfehlen, den oder die Browser bei denen es
    >fehlerhaft dargestellt wird, auf ihre Werkseinstellungen zu setzen und
    >ggf. auf die neuste Versionen zu aktualisieren.
    Habe ich bei meinem Hauptrechner gemacht, auf anderen Geräten lass ich das so bewusst, um etwas die Realität "draussen" zu testen, was beim User so ankommen könnte.
    Kann ja nicht davon asugehen, dass immer alle auf dem aktuellsten Stand sind und dann den Eindruck haben, diese Seiten seien gebastelt und unprofessionell gemacht.

    >Das mit dem "blau-problem" kann ich hier bei mir nur nachvollziehen, wenn ich das markiere.
    >Was aber dann normal wäre (zeig mir eine Webseite, bei der es nicht so ist...)
    Ja, aber die Bilder sollten beim anklicken nicht blau werden, wie damals bei Firefox, wo du mir die geniale Lösung gebracht hast. Nur ist das bei IE leider (noch) nicht so.

    >Ältere Browser, werden nicht immer von neueren Layouts unterstützt.
    >Man wird nie ein 100% sauberes ergebnis auf allen Gerätetypen, Browser und Software u.s.w. hinbekommen.....
    Das ist mir klar, aber mehr oder weniger sollte das schon im geplanten Layout erscheinen und nicht gleich aus dem Bild laufen oder ganze Inhalte verschiebbar sein, da wie gesagt, ich nicht davon ausgehen kann, dass alle imer die aktuellste Version haben oder nur auf z.B Firefox surfen.

    >Hast du zum testen, jetzt mal meinen Code rausgenommen?
    Nein, aber ich habe eine 2. (Test)Seite, auch in Athmosphare, bei welchen ich den Code nicht geändert habe und da verhält sich das ebenso


    >Ruf mal bitte folgende Testseite auf: hosting.zeta-producer.com/3986133788/index.html
    >Und überprüfe mal damit, ob das richtig dargestellt wird, wo deine Seite nicht stimmt.


    >Das ist das Standard-Layout, ohne irgendwelche Anpassungen.
    >Vielleicht kann man damit das ganze ein wenig besser "eingrenzen".
    Werd ich auch noch versuchen, werd jetzt aber erst mal versuchen, meine ganze Seite in einem anderen Layout zu testen, was natürlich wieder etwas dauern wird.

    Ich will kein nicht leichter Fall sein - wieso ich ? :)
    Mach ich da was grundsätzlich falsches oder ist es einfach ein Tücke dieses Layouts ?

    Danke dir weiterhin für deinen Support lieber Jochen

    PS: Hat Zeta mal reagiert auf deine Inputs betr. blaue Bilder im Slider ?

    LG

    Cello

    Hallo Cello,

    das du was grundsätzlich falsch machst, glaube ich nun nicht.
    Es ist halt manchmal nicht immer einfach, alles perfekt hinzubekommen.
    Dazu gibt es zuviele Einflüsse um es jeden Browser u.s.w. recht zu machen.
    Irgendwie ist es manchmal ein ständiger Wettlauf zwischen dem Webdesign und den Browserherstellern bzw. deren Updates ;)
    Habe da im laufe der Jahre schon sehr viel "merkwürdiges" mitmachen müssen.
    Ist zwar schon um einiges besser geworden, zum teil ist es aber auch jetzt noch so :|

    Mach es so wie du geschrieben hast > Versuche mal zum testen ein anderes Layout.

    Eine Aussage von Zeta selbst dazu, wirst du erst nächste Woche bekommen können, da die diese Woche noch im Urlaub sind.

    Gruß
    Jochen

    Hallo,

    folgendes CSS sollte bei Verwendung des Layout "Atmosphere Responsive" das Problem des Scrollens im IE beheben, evtl. auch das Problem auf dem iPad (sollten Sie auf ein anderes Layout wechseln, diesen CSS-Code bitte wieder entfernen!):

    • 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>
#webinfo{
	float: left;
}
</style>


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


    Das Problem in Safari konnte ich nicht nachvollziehen, bzw. Ihre Beschreibung nicht richtig verstehen. Die blauen Bereiche in Firefox scheinen eine "Auswahl" kenntlich zu machen und das scheint das gewollte Verhalten dieses Browsers zu sein. Dass die Navigation links fix stehen bleibt ist in diesem Layout ja so gewollt.

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

    Sehr geehrter Herr Seiz

    Vielen Dank für Ihr Feedback. Ich habe das entspr. Ihren Angaben gemacht und getestet, leider ohne Erfolg.
    Ich habe die Seiten nun in einem anderen Layout gemacht und hochgeladen und das geht.
    Bei dem alten Layout hatte ich trotz Aenderungen wie von Ihnen angegeben leider keinen Erfolg.
    Beim Abrufen unter IE blieb das Problem.
    Für mich im Moment erledigt, das ich wie gesagt die ganze Seite in einem anderen Design fertiggestellt habe.

    Freundliche Grüsse

    Cello

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden