| Autor | Zpráva | ||
|---|---|---|---|
| ForestCZE Profil |
Zdravím, řeším problém s responzivními sloupci. Potřebuji, aby ty sloupce byly stejně velké, na středu stránky a responzivně. Mám tedy nastaveno 25% šířky. Asi bych měl mít 33,33, ale to je pak zase moc roztažené, tudíž opravdu nevím, jak na ty procenta.
Zároveň potřebuji, aby ty sloupce měly mezi sebou rozestup 50px, pravděpodobně tedy: margin-left: 50px to pak už ale nevyjdou ty rozměry v procentech samozřejmě. A poslední věc je ta, že je ten text rozházený. Tady mě napadá: vertical-align: middle Jenže celkově je to takové divné. Jinak se to chová na 1920x1080 a jinak např. na 1280x1024. Vím, že je to základ CSS, ale já si opravdu nevím rady. Živá ukázka Předem děkuji za každou pomoc :) |
||
| Bubák Profil |
Procenta ti vyjdou, pokud změníš box model nebo použiješ matrjošku, tedy do 33.3% širokéko DIVu vložíš další DIV s požadovaným odsazením.
|
||
| ForestCZE Profil |
#3 · Zasláno: 17. 9. 2016, 20:26:37
Bubák:
Nevím, jestli jsem to dobře pochopil, ale mám to teď takhle a to nefunguje. |
||
| Bubák Profil |
#4 · Zasláno: 17. 9. 2016, 21:16:52
Není to ideální, ale co nějak takto, pochopitelně, že bez demonstračního obarvení pozadí sloupců:
Živá ukázka |
||
| ForestCZE Profil |
#5 · Zasláno: 17. 9. 2016, 21:36:38
Bubák:
Děkuji moc, to vypadá dobře :) Akorát mě zarazila ještě jedna věc. Tady na obrázku je vlevo rozlišení 1920x1080 a vpravo 1280x1024. Na FullHD rozlišení je ten text u posledního obrázku posunutý dolů. Nechápu proč. |
||
| Bubák Profil |
#6 · Zasláno: 17. 9. 2016, 21:47:57
Máš obsah v inline-boxech a ty jsou různě vysoké.
|
||
|
Časová prodleva: 7 let
|
|||
0