Om nah hoo pez nyeetz, Jnnbo!

ich möchte gerne den <header> Bereich links beim scrollen stehen lassen.

Nein, den header-Bereich. Siehe http://selfhtml.apsel-mv.de/tag-element/tag-element-attribut.html

Klappt auch, aber sobald ich dem <header> ein position:fixed; gebe, bleibt dieser zwar stehen, aber der <main> Bereich legt sich _über_ den <header> Bereich. Warum greift hier das display:inline-block; nicht mehr?

position fixed und absolute nehmen das Element aus dem Elementfluss. Die anderen Elemente kennen und sehen es quasi nicht mehr, wissen also auch nicht, wo es sich umhertreibt und denken deshalb nicht im Traum daran, sich selbst in irgendeiner Form einzuschränken.

Matthias

--
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Penn und Penner.