Autor | Zpráva | ||
---|---|---|---|
Jirin Profil |
#1 · Zasláno: 19. 1. 2013, 19:09:53
Zdravím,
vytvářím mobillní verzi jednoho webu a snažím se tedy i jakousi responzivnost. Nicméně řeším jeden problém. Potřebuji udělat, aby jeden sloupec byl pevné šířky a druhý byl fluidní. Na webu jsem našel hodně řešení, ale většina to řeší "složitěji" přes negatviní marginy apod. Nicméně našel jsem i řešení, že nechám ten pevně daný sloupec plavat, a u toho druhého nastvím overflow: hidden. Asi nějak takto krátce řečeno: http://jsfiddle.net/Enabv/ a zdá se mi že to ten můj účel plní dostatečně. Nicméně je mi divné, ež většina rad vede na ty negativní marginy, můžete mi prosím poradit, v čem je problém, proč to tak řeší? Napadá mě jedině problém s backgroundy ,že nebudou ty sloupec "stejně dlouhé", ale to mi nijak nevadí. Je tam nějaký jiný problém, co já nevidím? Kompatibilita? Či pod. Případně mohu i někoho požádat proč to vlastně funguje? Díky za vysvětlení |
||
Keeehi Profil |
#2 · Zasláno: 20. 1. 2013, 06:42:34
Nevím, proč záporné marginy, ale když obsahu nastavíš margin-left:200px; tak to taky funguje.
|
||
Str4wberry Profil |
#3 · Zasláno: 20. 1. 2013, 09:04:25
U
overflow: hidden může býti problém, že má daný element overflow: hidden . :–) Pokud z něj budete chtít něco vystrčit, narazíte. Pokud se tam něco nevejde, nebude se k tomu jak dostat (viz ukázka, zkuste si zmenšit okno). Plus možná to řešení s overflow: hidden nefunguje ve starších prohlížečích, které se mohly v době psaní zmíněných návodů ještě používat.
|
||
Jirin Profil |
#4 · Zasláno: 20. 1. 2013, 20:28:49
Díky za doplnění. Jen jsem ještě více zmaten, co je tedy správný postup:) Stačí tedy nastavit pouze sidebar - float left a sirku a pro ten druhy margin-left, bez overflow? Je to dostacujici, na to co budu potrebovat?
Ten overfflow hidden s tim zmensenim okna je to pravda, nicmene prioritni bude nasazeni na mobilech a je tam omezeni ze bude 320 minimalni sirka |
||
Časová prodleva: 11 let
|
0