Ingo Turski: Bündige Positionierung von Blockelementen

Beitrag lesen

Hi,

zunächst mal fällt mir ein überzähliges </div> auf und Dein CSS läßt ahnen, daß Du Dich noch nicht lange damit beschäftigt hast. Ein Tip ist immer der Validator. Der zeigt Dir gleich so unsinnige Dinge wie:
margin-bottom:auto 0 0 auto;

Aber zum Header: height:17%; ist sehr ungünstig. Was hat die Bildschirmhöhe mit dem Platzbedarf des Inhaltes zu tun?
Um #navi nach unten zu setzen, mußt Du ihr eine sowie den LI-Elementen eine passene Höhe und ein passendes margin-top geben, wenn Du auf absolute Positionierung verzichten willst. Das ist freilich nicht ganz ohne Tücken, weshalb ich für #header ganz auf eine Höhenangabe verzichten würde.

Ich habe das Problem damit gelöst, dass ich dem <h1> (ebenfalls innerhalb des header-<div>, welcher bündig links oben an den Fensterrand abschließt) ein margin:0; verpasst habe

und warum hast Du das margin-top von H1 nicht einfach auf 0 gesetzt?

freundliche Grüße
Ingo