Element s 100% width, height

majky358 · Napísal **majky358**: 08.03.2014 21:06

Zdravím, pokúšam sa o menší dizajn webu, na ktorom pracujem, rád by som vedel ako nejak "efektívne" spraviť, že stránka má proste viacero častí / elementov a tie zaberajú v podstate takmer 100%, 100% v okne prehliadača a uživateľ to postupne scrolluje. Pozadie elementov je nastavene na

Kód:

background: url(' ') no-repeat center center [optional: fixed] a vlastnosť background: cover;

Niečo podobné: http://www.detroit.sk/ . Teraz mám tie časti nastavené na width: 100% a height: xxx px; Ale chcem aby to bolo trochu viac responsive, takže použijem napr. @media v css prípadne to budem pri loadingu nastavovať cez JS ? niekto kto by mal nejaký tip, rád privítam

dik

shaggy · Napísal **shaggy**: 09.03.2014 2:32

Media queries ani moc nepotrebuješ (jedine, že by si chcel pre rôzne rozlíšenia trochu upravovať rozloženie webu), skôr budeš potrebovať ten JS (robil som pár podobných webov a vždy som potreboval javascript).
Tu máš ukážku toho, ako pracovať s pozadiami: http://ianlunn.co.uk/plugins/jquery-parallax/ (tu je k tomu vysvetlenie, ako to robil http://ianlunn.co.uk/articles/recreate-nikebetterworld-parallax/).
A ak ešte niečo potrebuješ, tak sa inšpiruj na stránke detroit.sk (pozri si zdroják).

majky358 · Napísal autor témy **majky358**: 09.03.2014 23:01

Presne s tím JS som to hľadal, skúsim to použiť

dik

Element s 100% width, height

Podobné témy