unerwünschte Leerräume bei Angabe von <h1> oder <ul>

[molily]

Hallo Elessar,

Setze padding:0 für body (insgesamt dann: html,body {margin:o; padding:0;}) und margin:0 für h1, damit sollten die Abstände verschwinden.

Wozu ist eigentlich das #head-div da? Kommen dort noch andere Elemente als das h1-Element hinein? Wenn nicht, dann ist es unnötig, da du die Formatierungen auch direkt auf das h1-Element anwenden kannst. Der Sinn des position:relative erschließt sich mir nicht.

mit margin:0; padding:0 für die ul-Menülisten kannst du übrigens die Einrückung abschalten.

Verwende Nachkommenselektoren anstatt Klassen, aktuell:

<div id="right">
<ul class="menu">...</ul> ... <ul class="menu">...</ul>
</div>

.menu {...}

Besser:

<div id="right">
<ul>...</ul> ... <ul>...</ul>
</div>

#right ul {...} bzw. div#right ul {...} sofern keine anderen ul-Elemente in #right existieren, welche keine Menüs sind und anders formatiert werden.

Grüße,
Mathias