Hallo
In der verlinkten Datei gibt es nur einen leeren header der deshalb auch nicht angezeigt wird. Wie sollen da die Breiten von header und main verglichen werden?
Was für Fehler meinst du denn z.B.?
Zum Beispiel:
- die erste h3-Überschrift im main ist sachlich falsch
- Abstände werden nicht mittels br erstellt
- span-Elemente dürfen keine Block-Elemente wie h1 enthalten
- Text (Text Text Text ... oder Inhalt) dürfen nur in geeigneten Elementen wie h1 bis h6, p, li, dt, dd, ... stehen
- Klassennamen (links, rechts) sollten nicht aus Lagebezeichnungen bestehen, sondern den Inhalt beschreiben
und so weiter
Korrekt könnte der Quelltext im main-Bereich zum Beispiel folgendermaßen erstellt werden:
Code
<main>
<h1>Überschrift für die gesamte Seite</h1>
<section class="leitspruch">
<h2>Leitsprüche</h2>
<article>
<h1>Banane</h1>
<p>Bananen sind gelb und krumm.</p>
</article>
<article>
<h1>Erdbeere</h1>
<p>Erdbeere - Erdbeere - Erdbeere</p>
<p>Zu dir fällt mir nix ein.</p>
</article>
<article>
<h1>Kiwi</h1>
<p>Kiwi Miwi Mene - und raus bist du.</p>
</article>
</section>
<section class="anschrift">
<h2>Anschrift & Kontakt</h2>
<p>Kontaktname</p>
<p>Echter Name</p>
<p>Straße Nr.</p>
<p>000000 Ort</p>
<p>Telefon: 0123 45678</p>
<p>E-Mail: info@spruch.de</p>
<a href="visitenkarte.pdf">Visitenkarte herunterladen (PDF)</a>
</section>
</main>Gruss
MrMurphy