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

[Elessar]

Hi!

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.

Danke, funktioniert.

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.

Kommt alles noch, ist doch erst im Aufbau.

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.

Kommt auch alles noch und hat seine Gründe.

Vielen Dank für die Hilfe. (Hätt ich aber auch selbst drauf kommen können.)
Mfg
Elessar