Autor | Zpráva | ||
---|---|---|---|
Snipo Profil |
#1 · Zasláno: 23. 5. 2014, 17:31:01
Ahojte, mám jeden problém ohľadom použitia paddingu na blok s position: fixed. Ide o to, že chcem mať na vrchu stránky fixed menu ktoré by sa malo prispôsobovať do min-width: 1024px. Tú hodnotu paddingu som zadal v % a po skúmaní som zistil, že ak je na to menu nastavené position: relative, tak tú % hodnotu berie z nadradeného bloku (u mňa body). Takže body som dal min-width: 1024px a fungovalo to. No ak dám position: fixed, tak mozem hocico nastavovať ale zmenšuje sa to aj po tej 1024px hranici. Nejaký nápad ako to urobiť? Napadlo ma to urobiť cez obrázok, ale hľadám nejakú lepšiu alternatívu.
|
||
Tomáš123 Profil |
#2 · Zasláno: 23. 5. 2014, 17:43:11
Snipo:
Ak nepomôže bloku, ktorý má position:fixed nastaviť left: 0; top: 0; tak pridaj prosím živú ukážku.
|
||
Snipo Profil |
#3 · Zasláno: 23. 5. 2014, 18:20:40
Nepomohlo. Tu je odkaz: http://whocares.6f.sk/google/ . (písmo ešte nie je doriešené)
|
||
Tomáš123 Profil |
#4 · Zasláno: 23. 5. 2014, 19:06:06
Snipo:
„Nejaký nápad ako to urobiť?“ Responzívny dizajn. Do podmienky uvedieš, ako sa má menu správať pri rozlíšeniach nižších ako 1024px. |
||
Fisir Profil |
Reaguji na Tomáše123:
top , left a podobně nemá smysl, protožeposition: fixed se element zcela vyjme z toku dokumentu a jako nejbližší omezující blok se tedy počítá okno prohlížeče. Fail.
|
||
Trejpa Profil |
#6 · Zasláno: 24. 5. 2014, 00:55:26
Fisir:
Pouze doplním, že nastavit top (bottom ) a left (right ) je nutné, neboť ne vše se vyjme z toku dokumentu, jak by se dalo předpokládat.
|
||
Snipo Profil |
#7 · Zasláno: 24. 5. 2014, 08:10:13
Tomáš123:
„Responzívny dizajn. Do podmienky uvedieš, ako sa má menu správať pri rozlíšeniach nižších ako 1024px.“ Ďakujem, použil som Media Queries a všetko funguje :) |
||
Chamurappi Profil |
#8 · Zasláno: 25. 5. 2014, 15:00:35
Reaguji na Snipa:
„použil som Media Queries a všetko funguje :)“ Jen připomenu, že Explorer 8 podmínky na velikost okna v @media nepodporuje.
|
||
Časová prodleva: 10 let
|
0