Autor Zpráva
Soob
Profil *
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
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
joe:
neviem, čo presne myslíš, môžeš to upresniť? http://kod.djpw.cz/xkeb - funguje, ako má.
joe
Profil
martin1312:
Zkus trochu širší elementy.
martin1312
Profil
joe:
Dobrý postreh, nejak som to narýchlo nedomyslel :)
Soob
Profil *
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 *
http://www.pagecolumn.com/liquidfixed/2_col_liquid_fix.htm
joe
Profil
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 *
:-) Kdybych se nesnažil tak sem nepíšu.
Ale už jsem našel řešení jménem Zanořené pozicování

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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