Autor | Zpráva | ||
---|---|---|---|
Soob Profil * |
#1 · Zasláno: 11. 7. 2014, 22:53:12
Ahoj,
snažím se udělat responzivní web, kde bude na okraji jeden prvek s pevnou šířkou (reklamní banner) a zbytek logicky široký dle šířky zbytku okna. Rozložení je vidět na obrázku. Zkouším různé způsoby, zatím se mi to nedaří 100%. Je nějaký způsob, jak se tento problém běžně řeší? |
||
martin1312 Profil |
robí sa to približne takto http://kod.djpw.cz/vkeb
Do tej ukážky si ešte dopíš šírku pre menšie zariadenia, ako som to naznačil. //samozrejme som v ukážke zabudol pre "mobilný vzhľad" vynulovať margin a nastaviť width na 100%, ale to sú už drobnosti. |
||
joe Profil |
#3 · Zasláno: 12. 7. 2014, 00:19:10
Reklamní bannery se často pozicují absolutně, někdy se hodí i fixní pozice.
Tvýj blok označený "variabilní šířka" by měl mít nějakou maximální (a možná minimální) šířku. Blok s reklamou může být buď uvnitř hlavního bloku a nebo v nějakém dalším obalovacím, v obou případech bych je dal absolutně napravo a hlavnímu bloku bych nechal ještě pravý okraj. martin1312: Co myslíš, že se stane, pokud vyplníš obsah main bloku? Pravý banner se bude posouvat dolů a to je pravděpodobně nikdo nechce.
|
||
martin1312 Profil |
#4 · Zasláno: 12. 7. 2014, 00:22:35
joe:
neviem, čo presne myslíš, môžeš to upresniť? http://kod.djpw.cz/xkeb - funguje, ako má. |
||
joe Profil |
#5 · Zasláno: 12. 7. 2014, 00:35:46
martin1312:
Zkus trochu širší elementy. |
||
martin1312 Profil |
#6 · Zasláno: 12. 7. 2014, 00:38:52
joe:
Dobrý postreh, nejak som to narýchlo nedomyslel :) |
||
Soob Profil * |
#7 · Zasláno: 12. 7. 2014, 00:59:44
martin1312:
Takto jsem to přesně zkoušel, ale bohužel to nefunguje. Tvůj příklad není funkční, vpiš si do mainu nějaký delší text a uvidíš že se pravý sloupec řadí až pod main. Myslím si, že je především problém v tom, že se nedá nastavit float prvku bez šířky, tak že bude zabírat 100%. Tak že otázka je stále stejná. |
||
Quinn Profil * |
#8 · Zasláno: 12. 7. 2014, 07:47:57
|
||
joe Profil |
#9 · Zasláno: 12. 7. 2014, 09:53:37
Quinn:
Ta stránka generuje pro 100% šířku to, že elementu skutečně dává šířku pomocí width: 100% , to je zbytečné.
Soob: „Tak že otázka je stále stejná.“ Zkoušel jsi to, co jsem ti psal [#3]? Struktura k tomu, co potřebuješ může být taková, ale trochu se snaž: div_1 ---- div_2 a nebo obal ---- div_1 ---- div_2 |
||
Soob Profil * |
#10 · Zasláno: 12. 7. 2014, 11:05:10
:-) Kdybych se nesnažil tak sem nepíšu.
Ale už jsem našel řešení jménem Zanořené pozicování |
||
Časová prodleva: 10 let
|
0