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
Bubák:
Nevím, jestli jsem to dobře pochopil, ale mám to teď takhle a to nefunguje.
Bubák
Profil
Není to ideální, ale co nějak takto, pochopitelně, že bez demonstračního obarvení pozadí sloupců:
Živá ukázka
ForestCZE
Profil
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
Máš obsah v inline-boxech a ty jsou různě vysoké.

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: