HTML: Tastatur von Tablet zerstört Design

[Nils (Gast)]

Hallo,

ich habe das Problem, dass meine Website durch die aufklappende Tastatur 
meines Tablet die Website so zusammenschiebt, dass dieser nicht mehr 
erkennbar ist.

Kann ich z.B. durch CSS irgendwie vorgeben, dass die Tastatur nur über 
die Seite drüber gelegt wird und das Design nicht neu berechnet wird?

Danke :)

[TestX (Gast)]

Nicht mit absoluten positionierungen und festen, prozentualen 
containergrößen arbeiten

[Jonas B. (jibi)]

klar, bau um:

bootstrap.com

Gruß J

[Nils (Gast)]

Jonas B. schrieb:
> bootstrap.com

Das verstehe ich nicht...

Und das mit absoluter Positionierung ist schade. Ich habe mein Design so 
ausgelegt, dass es sich prozentual immer an der Auflösung des 
Bildschirms anpasst. Wenn die Tastatur eingeblendet wird, wird die Seite 
auf ein paar Pixelhöhe gequestscht :(.

[Jurologe (Gast)]

Nils schrieb:
> ich habe das Problem, dass meine Website durch die aufklappende Tastatur
> meines Tablet die Website so zusammenschiebt, dass dieser nicht mehr
> erkennbar ist.

Wer ist nicht mehr erkennbar? Der Tablet?

Wenn die Tablettastatur dein Design zerstört, ist es ein Fall für 
Sachmängelhaftung des Tabletherstellers.

[Dirk D. (dicky_d)]

Nils schrieb:
> Wenn die Tastatur eingeblendet wird, wird die Seite
> auf ein paar Pixelhöhe gequestscht :(.

Zumindest unter Android, ich glaub bei IOS aber auch liegt die Tastatur 
nicht "über" deinem Browser, sie schiebt den Browser weg.
Je nach Display-Format, Virtueller Größe, Ausrichtung und genutzter 
Tastatur bleibt dann für den Browser über was die Tastatur nicht 
benötigt.
Du kannst da jetzt wenn du willst speziell drauf reagieren. Unter 
android gibts dafür die Events showkeyboard und hidekeyboard.

[Bernd K. (prof7bit)]

Ich kann ja verstehen daß man irgendwas von der Breite abhängig macht 
oder die Breite voll ausnutzen will um horizontale Scrollbalken zu 
vermeiden.

Aber warum um alles in der Welt soll die Höhe irgendeinen Einfluss 
haben? Vertikal kann sie doch unendlich groß sein, dazu kann und will 
man ja scrollen!

[Daniel A. (daniel-a)]

Man könnte eine Minimalhöhe auf den body setzen, mit dem css Attribut 
min-height.

[Georg (Gast)]

Hallo,

wenn man über die virtuelle Tastatur was eingibt, sollte man das Feld 
für die Eingabe sehen, alles andere ist uninteressant. Das Design muss 
also sicherstellen, dass das aktuelle Feld sichtbar bleibt, sonst 
nichts. Auch wenn das Design noch so künstlerisch wertvoll ist.

Georg