Footer bricht ab, schaut man die Website skaliert oder mobil an

Hallo

Ich habe grade erst gesehen dass du deinen letzten Beitrag geändert hast.

Das Grundproblem ist wohl, dass du mit veraltetem XHTML eine moderne Webseite mit responsive Design (welches sich der Fensterbreite anpasst) erstellen willst. Das funktioniert in der Regel leider nicht. XHTML wurde bereits vor über acht Jahren offiziell begraben und soll seitdem nicht mehr verwendet werden.

Für aktuelle Webseiten mit responsive Design sollte HTML5 mit CSS3 verwendet werden. Dazu müsstest du deine Seite natürlich entsprechend anpassen, zum Beispiel nur den Doctype zu ändern reicht nicht aus.

Gruss

MrMurphy

MrMurphy schrieb:
***Das Grundproblem ist
wohl, dass du mit veraltetem XHTML eine moderne Webseite mit responsive Design
(welches sich der Fensterbreite anpasst) erstellen willst.***

Hallo
MrMurphy

Es stimmt schon, das ich auf HTML 5 umgestiegen binn, meine Seiten sind aber alles andere als Responsiv. Ich versuche nur die Seiten Mobilmaessig etwas anzupassen. Die Seiten sind zum grössten Teil Valide. Und der Fehler (Am Footer) lag an der Viewport Meta-Angabe, ich hatte bisher folgenden Eintrag:

<meta content="width=device-width,initial-scale=1.0" name="viewport">

Dies habe ich jetzt an den meisten Seiten korrigiert mit:

<meta name="viewport" content="width=770">

Ich habe 770 pixel angegegeben, weil die Seite mittlerweile (durch das Veraendern des Layouts) von 1000 pixel auf 765 pixel geschrumpft ist. Der Fehler ist jetzt weg, ich habe aber am rechten Rand noch ein margin oder padding- Rand, welches etwa ein 10 pixel breit ist, den ich gerne weghaben möchte, aber das kann u.U. auch so bleiben.

Jedenfalls Danke für Deine
Unterstützung