[ERLEDIGT] <Div>-Problem

[TheDirtyPanda]

Moin,

ich habe nun folgendes Problem: Ich möchte einen Rahmen erzeugen, der den Inhalt sozusagen vom Hintergrund etwas abghebt. Nur wird der Rahmen jetzt nur halb angezeigt. Ich weiß nicht warum, vielleicht liegt es auch an dem <header>, der sich mitten drin schließt.

Hier einmal den Code:

<!-- Hier oben steht noch ein Teil des Headers -->
<div id="rahmen">
                <section id="einleitungssatz">
                    <p>Hier wird der Einleitungssatz stehen</p>
                </section>
        </header>
            <section id="inhalt">
                <article id="neuigkeiten">
                    <header>
                        <h2>Neuigkeiten auf der Seite</h2>
                    </header>
                        <section id ="hauptinhalt">
                    <!-- <main> -->
                            <p>Hier wird der Hauptinhalt stehen!</p>
                            <h2>Was kannst du auf dieser Seite alles machen?</h2>
                            <p>Du kannst den Inhalt der Seite lesen</p>
                            <footer>
                                <p>Bla bla bla footer!</p>
                            </footer>
                        </section>
                </article>
            </section>
            </div>

Und der CSS-Code sieht so aus:

#rahmen {
       background-color: yellow;
       border: 4px solid black;
}

Ich hoffe ihr könnt mir weiter helfen! Danke schon mal im Vorraus!

 

[Banana_Jones]

Es liegt sogar definitv an "dem <header>, der sich mitten drin schließt.". Soche Überkreuz-Verschachtelungen sind nicht zulässig und führen zu Fehlverhalten.
Aber was hätte dich daran gehindert, einfach mal den schließenden Header-Tag rauszunehmen und zu schauen, was passiert?

 

[TheDirtyPanda]

Dachte bevor ich alles kaputt mache, frage ich nach :) Aber danke! Ich werd den jetzt mal rausnehmen!