ugrás a tartalomhoz

Archívum - Jan 23, 2013 - Fórum téma

wrapperből kilépés

Gl3am · 2013. Jan. 23. (Sze), 00.50
Sziasztok!

Adott a következő HTML5 struktúra:

<body>

  <section id="top">
    <aside id="postal_address">
    </aside>
  </section>

  <header id="header">
    <a href="#"><img src="logo"></a>

    <nav id="primary_nav">
    </nav>
  </header>

</body>
Képzeljetek el egy olyan weboldalt ami zebracsíkos. A html-nek adtam háttérszínt, a body a wrapper.

A top tartalma középre igazítva(body) és a html a háttérszíne, ez így jó.
A header tartalma középre igazítva(body) és szeretnék neki egy teljesen más színt adni, ami teljesen kitölti horizontálisan a böngészőt.

Tudom hogyan kell ezt csinálni, de én most azt szeretném, hogy a body legyen a wrapper.

Tehát a body marad wrappernek és nem veszek fel a header alá divet. Maradnia kell mindennek így ahogy a megadott forrásban van.

Tudom, hogy szabad használni divet, de én így szeretném megoldani:)

Dióhéjban:
A wrapperből hogyan lépjek ki úgy a headerel, hogy a tartalom marad középen de a háttérszín width: 100% és nem veszek fel újabb tagot.

Köszönöm,
gl3am

[Szerk.]
A body relative:

body { width: 978px; margin: 0 auto; position: relative; }