Wie breit muss eine Webseite grundsätzlich sein?

    Hallo zusammen,

    ich habe unsere Seite nun fertig (http://www.fylgja.de mit Impreza), stelle aber fest, dass der Header trotz Aktivierens von 'responsive Design' nicht auf kleineren Bildschirmen in seiner ganzen Breite angezeigt wird, d.h. unser rechtes Menü 'Unser Team' ist auf kleineren Bildschirmen (ca. 13" - 19") garnicht sichtbar. Bei Smartphones und Tablets hingegen funktioniert es dann mit dem responsive. Als Newbie dachte ich, das wird alles durch das 'responsive' automatisch geregelt, dem scheint aber nicht so, weil mich jetzt schon mehrere mit kleineren Bildschirmen (zB. Laptop) darauf aufmerksam gemacht haben. Ich habe dann mal mein Fenster verkleinert und es stimmt.

    Normalerweise erscheinen dann ja scroll-Leisten in so einem Fall. Leider aber nicht bei unserer Homepage. Da gibt es nur die vertikale Scroll-Leiste, aber keine horizontale.

    Wie muss ich nun welche Werte der Seite einstellen, damit es passt? Anbei ein Screenshot von den derzeitigen Einstellungen.

    Ich hoffe auf Tipps von Euch. Danke im Voraus!

    Gruß, Tuuli

    • 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

    Wenn ich eure Seite kleiner ziehe, sehe ich bis 767px die Sidebar unter dem Content. Bei höherer Auflösung erscheint die Sidebar dann neben dem Content.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Sorry, Maxe, dass ich heute erst antworte, war krank.

    Es geht mir nicht um eine Sidebar? Verstehe Deine Antwort nicht ganz. Es geht mir um die Breite des Headers. (s. oben)

    Ich freu' mich immer noch über Lösungsvorschläge...

    Habe jetzt das Headermenü verkürzt, also einen Menüpunkt (die Home-Seite) rausgenommen und den rechtesten Menüpunkt nochmal mit in den footer gesetzt. Ist aber nur eine suboptimale Lösung. Schrift und Abstände verkleinern bringt nur Unleserlichkeit, also auch keine Lösung. Jetzt weiss ich ehrlich gesagt nicht mehr so recht, was ich noch machen könnte, denn auf einem 13"-Bildschirm sieht man den rechtesten Menüpunkt immer noch nicht...:?:

    Danke schon mal für Eure Unterstützung!

    Zitat von Tuuli

    Als Newbie dachte ich, das wird alles durch das 'responsive' automatisch geregelt


    Wenn du die Zeit aufbringen kannst, mach dich erst mal schlau, was „responsive“ ist. (Wenn nein, gib die Arbeit lieber einem Profi – wird sonst irgendwie nix.)

    Wenn du so lange Menüpunkte hast, wie du hast: Da hast du immer ein Problem, dass auf kleineren Bildschirmen alles erkennbar und auch lesbar ist. Die kleinen Bildschirme zwingen dich, dich kurz zu fassen und das Zentrale ganz schnell und übersichtlich auf den Punkt zu bringen.

    Die Seite breiter zu machen, so dass waagrechte Scrollbalken erscheinen, ist nicht wirklich eine Option.
    Und wenn du meine Meinung wissen willst: Den Breakpoint für das responsive Menü anders definieren, so dass eben schon bei einem breiteren Bildschirm (als bisher) das Hamburger-Menü kommt, auch nicht. Ich bin mit kleinem Bildschirm unterwegs und habe dazuhin noch oft das Browserfenster nicht über die volle Bildschirmbreite aufgezogen. Wenn ich eine Webseite aufrufe und da kommt gleich schon dieser Hamburger Button, dann schreie ich ganz laut „Diskriminierung!“ – und bin weg …

    Gruß
    helix

    Zitat von Tuuli

    Es geht mir um die Breite des Headers. (s. oben) Ich freu' mich immer noch über Lösungsvorschläge...


    Im Prinzip kann man sagen, der Viewport deiner Seite sollte 950px (du hast jetzt wohl 1040px) nicht überschreiten. Dass das im Bild oben das Menü sein soll, ist ungewöhnlich und hat sich mir nicht gleich erschlossen. So lange Menüpunkte sind ungewöhnlich und gar nicht praktikabel, wie du siehst. Kürz´ sie auf ein bis zwei Worte, das würde schon mal helfen.
    Gruß. Petra

    Tapferkeit stärkt, Eigensinn macht Spaß, Geduld gibt Ruhe.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden