Autor Zpráva
Enko
Profil
AHoj,
hledám řešení, jak udělat následující. Mám jeden blok na celou šířku stránky. V něm mám dva další bloky rozdělené na půlku stránky po šířce. Toto mi při běžném zobrazení funguje skvěle. Ale pokud otevřu web na menším rozlišení, chtěl bych, aby byly bloky pod sebou. V současnosti se mi překryjí přes sebe. Jak toho docílit?

Děkuji

<div style="width: 100%; margin: 0; padding: 0;">
  <div style="float: left; width: 50%; margin: 0; padding: 0;">[fblikebox id=362]</div>
  <div style="margin: 0; padding: 0;">[instagram-feed]</div>
</div>
Keeehi
Profil
Tak pomocí media queries tomu prvnímu zruš float a nastav 100% šířku.
Bubák
Profil
Enko:
To je jen příklad, nebo opravdu používáš inline styly?
Enko
Profil
Keeehi:
Ano, děkuji. Našel jsem si, co to je "media queries"a upravil podle potřeby. Díky

Bubák:
To byl jen příklad :)
Tomáš123
Profil
Keeehi:
Väčšinou je lepší nápad namiesto width: 100% nastaviť width: auto.

V prípade, že sa jedná o bežný neobtekaný a nepoziciovaný blokový prvok, rozmery sa prispôsobia prípadným vnútorným okrajom a rámčekom, ktoré inak spôsobujú roztiahnutie.

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:

0