Chcę zrobić responsywną stronę i czytałem, że trzeba elementy obliczyć procentowo w takim wypadku. Tylko nie mogę znaleźć dobrej metody jak mam to obliczyć na samych procentach. Np jeżeli jeden element ma być centralnie w tym miejscu w którym chcę, to chyba będę pół życia ustawiał...
Jak to dobrze wyliczyć?
Podaj jakiś przykład, np. na jsfiddle – łatwiej będzie coś doradzić.
Problem polega na tym, że wiem tylko tyle, że długość strony to 100%, a np chcę ustawić obrazek, którego wielkość określa się w pikselach. I teraz znając wysokość obrazka w pikselach, jak mam wyliczyć koordynaty tak, aby był centralnie na środku strony?
Gdy ustawiasz po pikselu każdy element, to znając wymiary strony i elementu, posługując się prostą matematyką możesz wyliczyć i go postawić dokładnie tam, gdzie sobie wymarzyłeś.
text-align: center bądź margin: 0 auto i masz wszystko pokryte automagicznie ;-)
A na przykład moja poprzednia strona miała wymiary 268 na 300 i wiem, że mój obrazek leżał na 126x i 87y i co teraz? : D
Świetny Mleczarz2 napisał(a):
Problem polega na tym, że wiem tylko tyle, że długość strony to 100%, a np chcę ustawić obrazek, którego wielkość określa się w pikselach. I teraz znając wysokość obrazka w pikselach, jak mam wyliczyć koordynaty tak, aby był centralnie na środku strony?
Gdy ustawiasz po pikselu każdy element, to znając wymiary strony i elementu, posługując się prostą matematyką możesz wyliczyć i go postawić dokładnie tam, gdzie sobie wymarzyłeś.
Nie wiem czy to załatwia twój problem
edit
@Świetny Mleczarz2: ale po co miałbyś wiedzieć, na których wymiarach dokładnie leży? Ma być wyśrodkowane i tyle :-)
Dzięki na próbę pomocy (trollom też), ale niestety nie pomogło.
@Patryk27 Wyśrodkować na horizontal to umiem, tylko mi bardziej chodziło o bardziej precyzyjne ustawianie na vertical.
Może się nie da tego obliczyć. Taka cena responsywności widocznie.
tylko mi bardziej chodziło o bardziej precyzyjne ustawianie na vertical.
No tak, w takich wypadkach dostosowujesz już na oko albo poprzez top/left, albo marginy czy paddingi - tu nic się nie zmienia.
Nie wiem czy dobrze rozumiem o co chodzi, w każdym razie zainteresuj się tzw. Viewport-percentage lengths:
Mowa o vh i vw.
Świetny Mleczarz2 napisał(a):
Problem polega na tym, że wiem tylko tyle, że długość strony to 100%, a np chcę ustawić obrazek, którego wielkość określa się w pikselach. I teraz znając wysokość obrazka w pikselach, jak mam wyliczyć koordynaty tak, aby był centralnie na środku strony?
Takie rzeczy robi się za pomocą innych znaczników. Co nieco na ten temat napisane jest np. tutaj.
Gdy ustawiasz po pikselu każdy element, to znając wymiary strony i elementu, posługując się prostą matematyką możesz wyliczyć i go postawić dokładnie tam, gdzie sobie wymarzyłeś.
Tak, tyle że strony internetowe to nie aplikacje okienkowe, w których wszystko bazuje na pikselowych offsetach. ;)