Felix Riesterer: Anpassung an Bildschirm/Zoom

Beitrag lesen

Liebe Lina,

für folgenden Dokumentaufbau

<body>
    <nav />
    <header><nav /></header>
    <main />
</body>

kannst Du folgende Selektoren benutzen:

body > nav {
    /* Hauptnavigation */
}

header > nav {
    /* Kategorien-Navi */
}

Persönlich mag ich Deinen Dokumentenaufbau nicht. Wäre es mein Projekt, würde ich es so strukturieren:

<body>
    <main role="main">
        <article>
            <h1>Gesundes Pferd - glücklicher Reiter</h1>
            <p>....</p>
        </article>
        <aside>
            <nav>
                <h2>Kategorien</h2>
                <ul />
            </nav>
        </aside>
    </main>
    <header />
    <nav>
        <h2>Navigation</h2>
        <ul />
    </nav>
</body>

Die Seite kann mit cleverem CSS trotzdem so aussehen, wie Deine...

Liebe Grüße,

Felix Riesterer.

--
"Wäre die EU ein Staat, der die Aufnahme in die EU beantragen würde, müsste der Antrag zurückgewiesen werden - aus Mangel an demokratischer Substanz." (Martin Schulz, Präsident des EU-Parlamentes)