Ergebnis 1 bis 4 von 4

Thema: Seite springt bei "min-height: 100%"

  1. #1
    HTML Newbie
    Registriert seit
    25.06.2015
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Frage Seite springt bei "min-height: 100%"

    Hallo, ich möchte gerne eine "Single-page" Seite erstellen.
    Auf dem Desktop funktioniert dies auch alles wunderbar.
    Bei mobilen Geräten sieht es etwas anders aus, dort springt die Seite.


    Dies hat den Grund, das jede section als min-height den Wert 100% hat. Dadurch werden sections die kleiner als 100% sind, soweit aufgezogen, dass sie die vollständige Höhe einnehmen.


    Bei mobilen Geräten verschwindet aber die Adresszeile heim herunter-scrollen und wird beim hoch-scrollen wieder eingeblendet.
    Selbstverständlich ist dadurch eine Höhe von 100% absolut betrachtet mit und ohne Adresszeile unterschiedlich.
    Es findet somit ein Resize statt.


    Habt ihr bereits mit "min-height: 100%" gearbeitet. Wie seit ihr damit umgegangen bzw. würdet ihr umgehen?
    `
    Vielen Dank und Grüße


    P. S: window.locationbar.visible liefert in jedem Zustand true
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    567
    Danke
    0
    Bekam 66 mal "Danke" in 64 Postings

    Standard AW: Seite springt bei "min-height: 100%"

    Hallo

    ohne Link zur Seite können wir dir nur allgemeine Informationen geben.

    Dies hat den Grund, das jede section als min-height den Wert 100% hat. Dadurch werden sections die kleiner als 100% sind, soweit aufgezogen, dass sie die vollständige Höhe einnehmen.
    Du scheinst dir über den Sinn und die Auswirkungen von height bzw. min-height nicht im klaren zu sein. Deshalb wendest du das falsch an und die Browser müssen die fehlerhafte Ansicht ständig (bei jedem Scrollen) korrigieren.

    Die Browser auf Desktop Rechnern haben genügend Speicher und Power um das im Hintergrund zu erledigen. Smartphones und Tablets zwingst du damit in die Knie. Die fangen dann ähnlich wie bei JavaScript-Anwendungen an zu zucken.

    Gruss

    MrMurphy

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    25.06.2015
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Seite springt bei "min-height: 100%"

    Ich habe mal eine Demonstration erstellt.
    https://minheightdemo-melatonin.c9.io/


    Die Browser müssen dies nicht ständig korrigieren, sondern nur dadurch, dass die Adresszeile verschwindet.
    Dies hat, wie bereits beschrieben, eine absolute Höhenveränderung zur Auswirkung.


    Meine Lösung wird grundlegend an diversen Stellen propagiert.
    http://stackoverflow.com/questions/1...f-the-viewport


    Leider wird aber da nicht auf das Problem mit der Adresszeile eingegangen.

  4. #4
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Seite springt bei "min-height: 100%"

    Eintrag gelöscht.
    Geändert von djheke (26.06.2015 um 06:25 Uhr)

Ähnliche Themen

  1. Liste "springt" zwischen Aktiv/Normal
    Von Jana im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 30.04.2010, 17:22
  2. Design "springt"
    Von Questionmark im Forum HTML & CSS Forum
    Antworten: 19
    Letzter Beitrag: 13.12.2008, 10:24
  3. TD erstreckt sich troz definierter height ="20"
    Von mischu im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 20.12.2006, 17:33
  4. Urheberrechtlich geschützter Wert "Height" ???
    Von Mütze im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 13.12.2006, 13:18
  5. Probleme mit "width" und "height"
    Von chris90night im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 14.10.2006, 20:59

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •