Biesterfeld: Bündige Positionierung von Blockelementen

Beitrag lesen

Hej Leute,

hab zwei kleine css-Fragen. Erstmal mein konkretes Problem:
http://www.softandlazy.de/public mit zugehörigem css.

Ihr werdet rechts oben eine Listen-Navigation (id="navi") sehen, die in einem div (id="header") gepackt ist. Ich stell mich zu dämlich an diese Navigation unten bündig mit dem <div> abzuschließen, also so:

___________________________________________________
  |                                                   |
  |                   div id="header"                 |
  | Überschrift h1         ________________________   |
  |                       |      ul id="navi"      |  |
  |_______________________|_____|_____|_____|______|__|

Wer für mich nen Tip, gerne mit Erklärung hätte, wäre sehr dankbar.

Die zweite Sache ist ein grundlegendes Verständnisproblem: 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, aber: Ohne war es so gewesen, dass h1 einen Abstand des <div>'s zum Fensterrand erzeugte. Das versteh ich nicht, margin beschreibt doch den Abstand zum Elternelement, also hier der <div>. Wie kann dann ein Blockelement  innerhalb eines anderen die relative Position des umschließenden Elementes beeinflussen?

Vielen Dank schonmal für eure Hilfe,

Beste Grüße
Biesterfeld