Skalierung Background & Content

html.de-Forum HTML, XHTML & CSS
1

Hi zusammen

Ich versuche, eine Webseite richtig auf einem iPhone / iPad richtig darzustellen. Die Webseite hat ein Hintergrundimage von 1920 x 1060 px und einen Content, welcher 880px breit ist. Das ganze sollte Center / Top ausgerichtet sein.

Im Safari sieht das ganze schon ok aus. Schau ich mir das ganze aber auf einem Mobil Device an, wird der Background und der Content verschieden stark skaliert. Beides wird auf 100% der möglichen Breite skaliert. So passt der Content nicht mehr auf das Hintergrundbild und das ganze sieht nicht toll aus.

Hat jemand eine Idee, wie ich das ganze anpassen kann, dass dies auch auf den Mobilbrowsern vernünftig aussieht? Der Demolink ist angehängt.

Danke für eure Hilfe.

Manuel

Demoweb
Demoweb

2

Das ist Murks. Eine völlig überflüssige Tabelle, fehlerhaftes CSS und es läßt sich nicht wirklich erkennen was du vorhast, es sieht auch auf einem normalen Rechner komisch aus.

3

Und Hintergrundbilder kann man nicht skalieren. Alternativen findest Du im Forum, wenn Du mal nach background skalieren suchst.

4

Danke für euer Feedback.

Ziel sollte sein, dass der grüne Bereich mit dem weissen Bereich vom Hintergrund an der identischen Position bleibt. Safari Mobile skaliert den BG im Verhältnis weniger als den grünen Tabellenbereich. Werde somit mal weiterschauen.