Autor Zpráva
xciza
Profil
Ahoj,
dostal se mě do ruky návrh webu na full width one page web a chtěl bych se zeptat jak takovýhle weby děláte? Pro každou "sekci" bude jiný obrázek, který by měl vyplnit celou obrazovku (nezávysle na její velikosti) a obsah ténhle sekce musí být pouze na části viditelné na monitoru. Vespod obrazovky je šipka pro scroll do další sekce.

Díky za rady případně i nějaké funkční ukázky.
Snipo
Profil
Môj postup, ale neviem či je najlepší.

Musíš nastaviť html a body 100% výšku aj šírku:
html, body
{
  width: 100%;
  height: 100%;
} 

Potom už normálne vytvoríš v body divko ktorému nastavíš tiež to isté (teda výšku a šírku na 100%) a takto pokračuješ pre každú ďalšiu sekciu. Čo sa týka pozadia, buď cez css normálne s tým, že mu nastavíš background-size: cover alebo v html obrázkom a potom to riešiť cez z-index.
xciza
Profil
Díky,
pomohlo. Jenom bych měl ještě dotaz - co když pak potřebuji, aby v jedné sekci byla výška podle obsahu? Vetšinou delší text nebo tak něco?
Snipo
Profil
Jednoducho, stačí keď tej danej sekcií nastavíš iba šírku, teda výška bude automatická, ak to nepojde tak daj kód.
xciza
Profil
Díky, funguje. Zkoušel jsem to i před tím ale asi jsem na něco zapomněl a nešlo mě to.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: