---
title: "Webseite / Layout für Smartphones"
url: "https://www.typo3.net/d/107278-webseite-layout-fuer-smartphones"
source: "typo3.net"
tags: ["Allgemein","Frage"]
created: "2011-09-13"
last_reply: "2011-09-16"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Webseite / Layout für Smartphones

Allgemein · 2 Antworten · gestartet 2011-09-13

## Eröffnungsbeitrag

**typo3_hp** · 2011-09-13 · [Beitrag #1](https://www.typo3.net/d/107278-webseite-layout-fuer-smartphones/1)

Guten Abend!

Ich habe eine Seite entwickelt.
Nun soll das ganze auch noch für Smartphones und Handhelds ausgeliefert werden.
D.h. wenn beim anbrowsen erkannt wird das es ein Handheld/ Smartphone ist soll eine andere (mobile - für kleine Displays optimierte) Webseite ausgeliefert werden.

Wie mach ich das (Entscheidung normale oder mobile) - ich denk mal ich muss irgendwie die Anzeigegröße des Besuchers herausfinden, oder?

Wie mach ich das Layout das die mobile Seite bei allen möglichen Handhelds gleich aussieht (auch wenn mal ein Display 1cm breiter oder kürzer ist wie ein anderes)?

Was habt ihr für Erfahrungen?

Danke und Grüße

## Antworten

### [#2](https://www.typo3.net/d/107278-webseite-layout-fuer-smartphones/2) · fuss · 2011-09-15

Olla!

Für den redirect (inkl. cookie setzen, wenn der User doch lieber die normale Version sehen möchte, und somit nicht permanent auf die mobile Version geleitet wird) hat sich die Extension Mobile Redirect (cwmobileredirect) bewährt.

Für den Aufbau/Struktur der mobile Version gibt es im Netz genügend Tutorials.

Grundsätzlich sollte man darauf achten, nach Möglichkeit keine fixen Breiten zu setzen, sodass der Inhalt je nach orientation (ob das Display gedreht wird) über die gesamte Breite laufen kann.

Ein paar zusätzliche, mobile-device spezifische meta-Tags sollten auch nicht fehlen, sodass zoom und touch Gesten auch umgesetzt werden können.

Evtl. ist die iPhone-Web Extension (t3m_iphoneweb) auch für Dich interessant.
Hiermit werden mit Hilfe von jQTouch Websites erstellt, welche sich ähnlich einer nativen iPhone App anfühlen. Diese funktioniert auch z.B. mit Android-Geräten.

gruss, fuss

### [#3](https://www.typo3.net/d/107278-webseite-layout-fuer-smartphones/3) · skydivematy · 2011-09-16

Hallo TYPO3_hp,

schau dir das mal an, könnte auch noch recht hilfreich sein....
Bezüglich Images Content.

<http://adaptive-images.com/>

gruss
maty

---

Quelle: „Webseite / Layout für Smartphones“, typo3.net, https://www.typo3.net/d/107278-webseite-layout-fuer-smartphones
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
