Překrývání headeru spanem

Zdravím,

na svém webu se snažím udělat nějaký pokus o webdesign, akorát jsem si všiml na stránce, že na stránce při větším počtu obsahu člověk potřebuje zascrolovat dolu a v tu chvíli začíná problém s mím fixed-on-top headerem nahoře a názvem stránky (v tomto případě názvem článku)
a do headeru se mi tak trochu vecpe název stránky psaný ve spanu (na poprvé se mi nepodařilo přepsal default h1 preference v css, tak jsem to tak nechal .. a navíc, span mám rád, je důvod proč ne?)

Pokus s headerem:

Pokus s footerem:


PS: Header a footer jsem dal úmyslně bez obsahu. A jinak, css kód obou divů je stejný, to samé i v html.

Header a footer css code: (rozdíl v top/bottom odsazení..)

Předem díky, samotný design ignorujte.. - Někomu ta hra prostě nevadí no!.. :D
// Edit: Pardon za ty obrázky, nefunguje zde prostě width/height bb element. :|

lionel messi:
„Nemyslím si, že ide zrovna o vhodný prístup. Nadpis patrí do elementu <h1>, prípadne <h2> a podobne.“
Vím, že to není ten správný přístup, a proto jsem se taktéž dotázal proč bych to vlastně neměl používat, je sice faktem, že <h1> doslovně definuje nadpis apd. ale v tomto případě mi to nevadilo. A celkově, se semnou nějak ani nechtěl ten tag kamarádit.. :(

„Naslepo vystrelím: Nastav headeru z-index: 2. Ale odporúčam ti radšej dodať odkaz na živú ukážku.“
Dokonce si vystřelil i dobře, messi :D Pro příště si tu živou ukázku určitě připravím, pokud se zde budu muset ukázat :)
Btw. díky moc, jak koukám na definici, tak se ten index prvek bude pěkně hodit. :)

„Keďže nie sme v sekcii Názor na stránku, tak tá hra ani jej dizajn nebude prekážať ani nám. :-)“
Jsem novým návštěvníkem fóra, proto jsem radši sepsal vše. Na jiných fórech jsem byl zvyknutý prostě na off topic no :D

.. Ještě jednou díky ;)