Höhe des Body passt sich bei mobiler Ansicher nicht an

[mhmma]

Hallo!

Ich habe ein Problem, für das ich leider keine Lösung finde.

Wenn ich die unten angeführte Webseite im Android Browser öffne und auf den Button Archiv klicke (Felder werden ausgeblendet) zeigt es nach dem Footer eine lange leere Fläche an. Es scheint als würde sich der Body nicht automatisch verkleinern. Habe versucht es mit css und jquery zu lösen leider ohne Erfolg. Hat irgendjemand eine Idee?
http://www.gunee.de/gunee2014

Auf Desktop Browsern und anderen mobilen Browsern funktioniert es (FF, Chrome, Safari).

Gruß
Martin

 

[Tronjer]

Ich sehe bereits mehrere Fehler:
- #contentwrapper wird mit dem Attribut top aus dem Textfluss gehoben.
- Footer hat position:fixed. Google mal nach sticky footer.
- XHTML Doctype für HTML5 Elemente.

 

[mhmma]

Habe #contentwrapper geändert.

In der Mobilen Ansicht ist der Footer nicht mehr fixed - mit media query gelöst

Hier ein Screenshot des Handys:
Wenn alle Felder eingelendet sind stimmt auch alles.
Sobald man aber auf Archive klickt und verschiedene Felder ausgeblendet werden springt zwar der Footer an seine richtige Stelle aber der html body behält seine ursprüngliche Höhe.
http://www.martin-hammerschmidt.at/html/html1.png
http://www.martin-hammerschmidt.at/html/html2.png

Passiert aber nur am internen Android Browser.
Chrome Mobile und FF Mobile stellen es richtig dar.

 

[Tronjer]

Habe #contentwrapper geändert.

Passiert aber nur am internen Android Browser.

Stimmt nicht. Wenn ich die Breite des Viewports im FF verkleinere, springt der Footer auch nach oben. Die Empfehlung mit der Sticky-Footer-Methode war ernst gemeint. Davon abgesehen setzt man bei responsiven Seiten heutzutage auf entsprechende Frameworks.

 

[mhmma]

Es geht mir nicht um den Sticky Footer, dass der am unteren Ende der Webseite stehen bleibt. Zudem muss er auf der Desktopversion über dem content schweben.
Siehe: http://gunee.de/gunee2014/blog/

Bei der mobilen Version soll er einfach unten dran gehängt werden. (könnte ich in einen Sticky Footer ändern)

Das Problem, das ich habe (bitte auf einem Androidgerät mit internen Browser ausprobieren): http://gunee.de/gunee2014
Wenn man die verschiedenen Fenster ausblenden lässt durch klicken auf Archive - wird der Content zwar zusammengeschoben aber die länge des Body bleibt gleich.
Soll heißen - wenn der Content mit allen Feldern vorher 2000 px lang ist, nach dem ausblenden aber nur mehr 500px - ist der Body dennoch 2000px lang (man kann also 1500px ins nichts scrollen)

 

[scbawik]

Es geht mir nicht um den Sticky Footer, dass der am unteren Ende der Webseite stehen bleibt. Zudem muss er auf der Desktopversion über dem content schweben.
Siehe: http://gunee.de/gunee2014/blog/

Bei der mobilen Version soll er einfach unten dran gehängt werden. (könnte ich in einen Sticky Footer ändern)

Das Problem, das ich habe (bitte auf einem Androidgerät mit internen Browser ausprobieren): http://gunee.de/gunee2014
Wenn man die verschiedenen Fenster ausblenden lässt durch klicken auf Archive - wird der Content zwar zusammengeschoben aber die länge des Body bleibt gleich.
Soll heißen - wenn der Content mit allen Feldern vorher 2000 px lang ist, nach dem ausblenden aber nur mehr 500px - ist der Body dennoch 2000px lang (man kann also 1500px ins nichts scrollen)

Meinst du mit "interner Android Browser" die "Internet" genannte App die vor ein paar Jahren mal Standardbrowser war?
Mittlerweile wurde sie zum Glück durch den Chrome ersetzt - und dort funktioniert es einwandfrei.

 

[mhmma]

Genau der ...
Leider hat mein Kunde diesen noch auf seinem Handy :( deshalb suche ich eine Lösung