Autor | Zpráva | ||
---|---|---|---|
Enko Profil |
#1 · Zasláno: 7. 7. 2017, 09:36:25
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 |
#2 · Zasláno: 7. 7. 2017, 09:48:27
Tak pomocí media queries tomu prvnímu zruš float a nastav 100% šířku.
|
||
Bubák Profil |
#3 · Zasláno: 7. 7. 2017, 10:23:16
Enko:
To je jen příklad, nebo opravdu používáš inline styly? |
||
Enko Profil |
#4 · Zasláno: 7. 7. 2017, 11:10:05
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 |
#5 · Zasláno: 7. 7. 2017, 21:04:09
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. |
||
Časová prodleva: 8 let
|
0