Logowanie

Wyśrodkowanie elementu wypozycjowanego absolutnie

pytanie zadane 21 lipca 2017 w HTML i CSS przez ajzyn Użytkownik (510 p.)

Witam ponownie :)

Tym razem mam problem z ustaleniem, dlaczego nie mogę wyśrodkować elementu, który jest spozycjonowany absolutnie, za pomocą "sztuczki" z -left:0;right:0;

Wrzucam cały kod, a pytanie tyczy się .page-header > w CSS na samym dole jest media queries i właśnie tam jest mój wyżej opisany problem.

https://gist.github.com/ajzyn/0e1dc3834a17dc47dd84c892aec100cc

Pozdrawiam :)

1 odpowiedź

odpowiedź 21 lipca 2017 przez xmentor Nałogowiec (49,520 p.)

Do tej "sztuczki" trzeba ustawić prawy i lewy marginesu na auto. Można to zrobić jeszcze tak:

.el {
  /* pozycja absolutna itp. */ 
  left: 50%;
  transform: translateX(-50%);
}

komentarz 21 lipca 2017 przez ajzyn Użytkownik (510 p.)

Dzięki :)

Podobne pytania

0 głosów

1 odpowiedź 173 wizyt

Display: block; dla absolutnie pozycjonowanych elementów?

pytanie zadane 12 lipca 2017 w HTML i CSS przez Kamil M Bywalec (2,340 p.)

0 głosów

1 odpowiedź 789 wizyt

Wyśrodkowanie diva z position:fixed

pytanie zadane 3 maja 2016 w HTML i CSS przez skrzatjedyny Gaduła (3,150 p.)

0 głosów

2 odpowiedzi 538 wizyt

Nie działa mnie position: absolute

pytanie zadane 24 sierpnia 2018 w HTML i CSS przez redEyes Nowicjusz (120 p.)

...