Wann Welche Einheit

[Der Martin]

Hallo,

Wenn ich eine Seite aufbaue, dann unterteile ich die Seite doch in bestimmte Sinnabschnitte.

du hast da gerade ein ganz entscheidendes Wort benutzt: _Sinn_abschnitte.

Das bedeutet, dass die Gliederung des Dokuments sich in erster Linie am Sinn, also am Inhalt orientieren sollte.

Oberstes Gebot ist es keine horizontalen Scrollbars zu erzeugen.

Nein. Das ist zwar ein lobenswerter, guter Vorsatz, aber es mag Fälle geben, wo auch horizontales Scrollen nicht nur unvermeidbar, sondern vielleicht auch das kleinste Übel ist. Das sollte man also von Fall zu Fall beurteilen.

D.h. ich muss eine flexieble Breite der Abschnitte vorgeben

Und "eine flexible Breite vorgeben" heißt im Idealfall, gar keine Breite vorgeben. Dann ergibt sie sich aus dem Inhalt und der Wechselwirkung verschiedener Blöcke. Aber auch das ist so nicht immer möglich; manchmal muss man einfach Angaben zur Breite machen. Oder man will es, um wenigstens einen Bereich einzugrenzen, innerhalb dessen die Anordnung flexibel sein kann.

Auch muss ich, wenn ich einen Abschnitt mit position: absolute an eine bestimmte Stelle setzen will, dafür sorgen, dass es bei unterschiedlichen Bildschirmbreiten / -höhen gleich aussieht.

Nein. Je nach Display-Größe können auch unterschiedliche Anordnungen am besten geeignet sein. Und absolute Positionierung würde ich nur als allerletztes Mittel einsetzen, normalerweise aber meiden. Die Probleme und Nachteile, die man sich damit einhandelt, möchte man oft gar nicht haben.

Welche Einheit sollte ich nun für top, bottom, left, right, width nehmen?

Je nachdem. ;-)

Welche Einheit sollte bei font-size und line-height benutzt werden? px, em oder rem?

Welche bei margin / padding? px oder %?

Kommt immer drauf an, was man erreichen möchte.

In welchen Situationen sollte man vw und vh nutzen?

Wenn man bestimmte Maße proportional an die Breite oder Höhe des Browserfensters koppeln möchte.

Ich hoffe da findet sich jemand, der mir durch diesen Einheiten-Dschungel hilft.

Der erste Schritt wäre, zu lernen, welche Einheit was bedeutet und wie sie definiert ist. Bei relativen Einheiten ist auch immer ganz wichtig, worauf sie sich beziehen.

Der zweite Schritt ist, das Gesamtkonzept zu betrachten - also das gewünschte Layout, und daran festzulegen, welche Maße wie skalieren sollen (und ob überhaupt), und dann die dazu passenden Einheiten zu wählen.

So long,
 Martin