Dlouhý text zasahuje pod patičku a konec pozadí

Michal Sebek:
Prodloužil bych patičku.

A nebo bych dal na patičku a na obsah zvlášt pozadí...

Reaguji na Marschmallowa:
„Prodloužil bych patičku.“
Blbost.

Reaguji na Michala Sebka:
Evidentně chceš mít patičku vždy dole, ale ty ji jen na spodek obrazovky napozicuješ, takže je jasné, že se ti při přetečení stránky obsah bude psát pod patičku. Asi hledáš Sticky Footer (odkazuji na HTML5 verzi, ačkoliv mi zatím přijde používání elementů nav, footer a spol. kontraproduktivní).

Michal Sebek:
Takže:
Kód vyzerá takto:
Kód
a ukážka takto:
Ukážka

V podstate máš pätu vždy dole (aj keď tam nie je žiadny obsah). Ide o to, že nadradenému prvku dáš relatívnu pozíciu (čím začínaš súradnicový systém od nuly pre podradené prvky) a dcérsky prvok poziciuješ úplne dolu. Svoju rolu tam hrá aj deklarácia min-height: 100%;, čím vyriešiš situáciu, kde bude stránka úplne prázdna. Chcel som použiť pôvodné CSS, ale bolo tam toho veľa a musel by som polovicu prepísať...Skús si z ukážky, ktorú som ti napísal zobrať čím viac a prerobiť tak svoju stránku. Ak má niekto lepší návrh na pätu vždy dole, nekritizujte mňa, ale ponúknite Michalovi lepšie riešenie.

Jedno ma štve (s tým by Michalovi mohli pomôcť ostatní): Kvôli spodnému marginu(možné nastaviť aj bottom: -3Opx; na riadku 39) posuvník otravuje na stránke aj keď ho netreba...Čo treba urobiť, aby sa neprekrýval text s pätou? Keď na to prídem opravím to.

Reaguji na Tomáše123:
Příště zkus trochu víc popostrčit tazatele ke snaze o vyřešení problému svépomocí, jinak budeš mít brzy práce až nad hlavu.

„posuvník otravuje“
Tak nepoužívej margin, ale padding v kombinaci se správným přepočtem výšky, třeba takhle. A Michal Sebek by mohl zvážit použití používání HTML5 elementů, které ve starších Explorerech nejdou bez speciálního JavaScriptu nastylovat (hezky je to vidět na ukázce).

Fisir:
„Příště zkus trochu víc popostrčit tazatele ke snaze o vyřešení problému svépomocí, jinak budeš mít brzy práce až nad hlavu.“
Vieš čo, už bolo pár prípadov, kedy som skúšal naviesť iba slovami, ale začiatočníci ma nevedeli pochopiť (tak isto ako teba nepochopil Michal v [#3] príspevku).

Reaguji na Michala Sebka:
„ako teba nepochopil Michal v [#3] príspevku“
Evidentně mě pochopil, ale nechce se mu to implementovat do existujících stránek, proto chce rovnou kód. Jinak by se přeci zeptal, proč je tohle takhle a kam to má případně napsat.

Fisir:
Áno, áno, máš pravdu. Zle som to podal, ale myslel som na to isté, čo ty. :-)