Container

[MrMurphy1]

Hallo,

die von dir beobachteten Verhaltensweisen sind normal. In seriösen Lehrbüchern oder Lernkursen wird darauf auch eingegangen. Anfänger, die sich damit nicht beschäftigt haben werden davon halt überrascht.

Habe es mit dieser Variante ausprobiert.

Das div um das main-Element ist unnötig.

Anscheinend verlangt diese Form wieder andere Gestaltungsregeln.

Nein. Es gibt bestimmte Regeln an die sich die Browser halten. Die sollte man halt lernen wenn man Webseiten erstellen möchte. Das sogenannte Grundlagenwissen.

Wen ich entweder html oder body eine Hintergrundfarbe gebe, ändert sich überhaupt nichts.

Das Verhalten ist zwar gewöhnungsbedürftig aber so vorgesehen. Auch wenn der body kleiner als html ist füllt seine Hintergrundfarbe (und auch sein Hintergrundbild) das gesamten Fenster, sofern dem html keine eigene Hintergrundfarbe zugewiesen wurde.

Beispielsweise hat hier für p "margin-top" überhaupt keine Wirkung

Falsch. Gib dem p mal ein etwas größeres margin-top, zum Beispiel 100px oder noch mehr. Wenn du dich dann darüber wunderst dass der gesamte body nach unten verschoben wird solltest du dich mit den "collapsing margins" beschäftigen. Auch das ist ein vorgegebenes Verhalten.

oder ich setze body als container

Das ist die bessere Lösung.

Gruss

MrMurphy