Homepage wird auf IE Version 11 falsch dargestellt

  • Hallo,
    ich habe meine erste Homepage für einen Kunden erstellt und es ergibt sich, dass auf der Vorschau die Homepage richtig dargestellt wird.
    Nach Veröffentlichung ist bei einem Kunden die Leiste mit den Navigationselementen leer und hinter dem hier vergrößerten Suchfeld befindet sich ein viereckiges Kästchen. Klickt man darauf, so erscheinen die Navigationsfelder auf der linken Seite untereinander (siehe Bild).
    Ausserdem werden die Textlängen verändert, so dass es bei max. Darstellung zu Zeilenumbrüchen kommt. Auf dem Bild sieht man, dass Lehné eine Zeile tiefer steht. Im Original ist es mit dem Wort Sachverständiger in einer Zeile.
    Es liegt bestimmt an der Browsereinstellung, da auf meinem und auf anderen PCs die Darstellung in Ordnung ist. Bitte selbst versuchen unter http://www.kk-consulting.berlin.
    Ich hoffe, dass mir jemend helfen kann, da es mir peinlich ist, dass ausgerechnet der Fehler auf dem PC meines Kunden auftritt.

  • Hallo,

    so wie es aussieht, scheint dein Kunde ein recht kleine Auflösung auf seinem PC oder Netbook, oder Tablet zu haben, und dementsprechend sieht das dann so aus.
    Da du ein "Responsive" Layout im Einsatz hast, wird die Darstellung dem Gerät auf dem die Seite betrachtet wird angepasst > Ist also so gesehen kein Fehler.

    Gruß
    Jochen

  • Hallo,
    das ist kein Fehler, sondern ein "Ferature". Responsive Layouts passen sich der Bildschirmgröße und manchmal sogar der Fenstergröße an.

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

  • Vielen Dank für die schnellen Antworten. Allerdings sind sie leider nicht treffend, da der Fehler auch bei Bildschirm füllender Darstellung auftritt. Es ist sogar so, das der Text auf der Seite Vorträge z.B. bei voller Bildschirmgröße falsche Umbrüche zeigt, die bei Verkleinerung der Browserbreite richtig werden und dann, wenn man die Bildschirmbreite weiter verkleinert den die Zeilen vorab umbrechen, was natürlich richtig ist.
    Auffällig ist schon, dass das Wort Lehne umgebrochen ist und die Navigationsicon fehlten und nach klick auf das Kästchen rechts auf der linken Seite von oben nach unten dargestellt werden. Bitte das Bild ansehen.
    Nochmals vielen Dank

  • Hallo,

    ich hab mal probiert mit IE Version 11.09600.17351

    Also ich kann da absolut kein Problem (fehlerhafte Darstellung) feststellen auf meinem 17,3 Zoll Notebook Monitor. Auf Vollbildmodus bei einer Auflösung von 1600 x 900 Pixeln alles ok - auch auf der Seite Vorträge. Beim manuellen zusammen Schieben des Fensters werden die Umbrüche vollzogen. Auch auf Chrome und FF scheint bei mir zumindest alles ok.

  • Hallo,
    ich habe auch getestet mit verschiedenen Browsern am 17Zoller PC am 13Zoller Laptop und am Handy.
    Alles so wie es sein soll. Natürlich finden bei verschiedenen Auflösungen Umbrüche statt, das ist der Sinn eines responsiven Layouts.
    Mindestens bei einem 13Zoller mit standardmäßiger Auflösung wird das Menü auch noch Standardmäßig dargestellt. Wenn du nun das Fenster verkleinerst wird auf die mobile Navigation umgeschaltet, das ist dann auch der Moment wo dein Seitentitel umgebrochen wird weil der Platz dafür nicht mehr ausreicht. Verkleinerst du weiter wird der Platz natürlich weniger und dein Kopfbild wird unter den Seitentitel angezeigt. Dadurch ist für den Titel wieder mehr Platz und selbiger wird nicht umgebrochen. Wenn du weiter verkleinerst muss der Titel natürlich wieder umgebrochen werden...
    Das ganze ist der Sinn eines responsiven Layouts und wurde in meinen Augen von ZETA sehr gut umgesetzt. Natürlich haben diese responsiven Layouts nicht nur Vorteile.

    Wahrscheinlich hat dein Kunde eine Riesige Auflösung eingestellt oder eben ein Tablet.
    Responsive Layouts sind sicher nicht jedermanns Sache, dann muss man halt auf das gute alte statische Layout zurück greifen.

  • Nochmals vielen Dank. Ich gehe auch davon aus, dass der Fehler an einer falschen Einstellung des Browsers liegt.
    Aber was könnte falsch sein?

  • Hallo,

    du hast die Webseite mit einem Responsive Layout erstellt (Modern Responsive) und ein Responsive Layout/Design hat die Eigenschaft, das es sich dem Gerät (PC/Note,- oder Netbook,Tablet, Phablet, Handy....) und deren Bildschirmauflösung anpasst, mit dem die Seite angesehen wird.

    Da wird dann eine andere "Ansicht/Darstellung" geladen, und mit dieser wird dann die Webseite angezeigt.
    U.a. gibt es dann auch plötzlich den "Navigations/Menübutton".

    Versuche doch mal folgendes (auf deinem PC): Verkleinere mal die Größe des Browserfensters (egal welcher Browser) und schau, was dann passiert.

    Hilfreiche Infos zu "Responsive Webdesign": http://de.wikipedia.org/wiki/Responsive_Webdesign

    Wenn dich oder dein Kunde das stören sollte, dann musst du auf ein Layout ohne "Responsive" im Layoutnamen wechseln.

    Ich denke, damit müsste das evtl. klar sein, oder?

    Wenn natürlich dein Kunde, seine Webseite mit einer "normalen Auflösung" oder einem "normalen Gerät" aufrufen sollte, und die Seite auf dem Gerät mit anderen Browser richtig dargestellt wir, dann gib nochmal Bescheid, mit den Infos zu Gerät und Auflösung, denn dann stimmt in der Tat was nicht.

    Gruß
    Jochen

  • Nochmals allen die mir geantwortet haben. Mein kunde kam heute aus dem Urlaub zurück und wir haben das Problem gefunden und gelöst.
    Er hatte den Zoom in seinem Browser auf 200% gestellt. Nach Umstellung auf 150% waren alle Darstellungen in Ordnung.
    Nochmals vielen Dank.

Jetzt mitmachen!

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