Mobile Webseite erstellen aus vorhandener Desktop Webseite

[marctrix]

Hej Khan,

würde ja auch gehen wenn ich alle Inhalte der Desktop Seite auch Mobil darstelle, aber halt einspaltig und mit verkleinerten Bildern, bzw. die Bilder und Spalten sich automatisch anpassen an jeweilige Endgeräte. Das kriege ich wohl mit dem vorhandenen Template nicht mehr hin, von daher muß ich wohl eine eigene Mobile Seite machen, dann per Befehl in der Index Mobilgeräte auf die m. Seite verweisen.

Die Zweispaltigkeit wird ja erst durch CSS-Anweisungen "erzwungen" - natürlicherweise stehen die divs, die in der Desktopversion nebeneinander stehen ja untereinander.

Du musst also "nur" die Stelle, in der die Zweispaltigkeit geregelt wird, mit folgendem umgeben:

@media screen only and (min-width: 40em) {

}

Die 40em kannst du natürlich anpassen, wie es dir gefällt...

divs nehmen sich dann automatisch die ganze Breite.

Das Ding ist nur, welche Seitenbreite gibt man da vor? Sind es 100% oder doch nur 320px? Dazu konnte ich keine erklärende Antwort finden. Die einen Schreiben %, die anderen px usw.

Keine Seitenbreite vorgeben. Dann passt alles automatisch - vielleicht noch ein Abstand zum Seitenrand, damit die Texte etwas Platz rundum lassen (mit einem Pudding für body z. B.)

Marc