Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Statyczny belka w header

Błąd   Założony przez  Poftorek.

03.11.2016, 17:05 (Ten post był ostatnio modyfikowany: 03.11.2016, 18:31 przez Poftorek.)
#1
Kiedy na zwykłej rozdzielczości powiększam ekran, ucina mi część belki (SS1), i nie da się jej przesunąć w bok, po to, aby np. się zalogować lub uzyskać dostęp do opcji dla usera (SS4).

SS1
   

SS2 - powiększenie strony
   

SS3 - powiększenie strony
   

SS4
   
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
03.11.2016, 18:14
#2
Osobiście nic z tego nie rozumiem.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
03.11.2016, 18:16
#3
Kiedy powiększysz ekran za pomocą CTRL + powiększają Ci się wszystkie obiekty, możesz wtedy scrollować poziomo. Tak się też dzieje na mojej stronie, jednak nie z tą belką (SS1)
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
03.11.2016, 19:08
#4
Chcesz ukryć pasek scroll'a?

overflow: hidden;.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
03.11.2016, 19:13 (Ten post był ostatnio modyfikowany: 03.11.2016, 19:15 przez Poftorek.)
#5
Nie, nadałem main-header overflow: hidden;. i nic to nie dało.
Chodzi o to, że jak powiększysz stronę CTRL + do 400% to masz (SS1)
I jak scrollujesz w poziomie, belka menu (ta niebieska) nie przesuwa się w prawo tylko stoi w miejscu, reszta się ładnie przesuwa.
SS1
   
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
03.11.2016, 19:19
#6
Bo masz nadany atrybut position: fixed;. Musisz to jakoś inaczej rozwiązać, JS, @media. Jak wolisz.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
03.11.2016, 19:20
#7
(03.11.2016, 19:19)Snake_ napisał(a): Bo masz nadany atrybut position: fixed;. Musisz to jakoś inaczej rozwiązać, JS, @media. Jak wolisz.
Co by było optymalniejsze, i dlaczego tak się dzieje, czy nie może być jak w stopce? Normalnie!!
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
03.11.2016, 19:29
#8
Ja rozumiem co chcesz osiągnąć... Ale jak napisałem wcześniej, przez atrybut fixed w position.

IMHO na Twoim etapie łatwiej będzie z @media. Sprawa dość prosta. Powoli się zmierza etap, którego chciałeś uniknąć - responsywność.

Dlaczego tak się dzieje?

Bo na mniejszej rozdzielczości elementy z menu się nie mieszczą w ekranie, a skoro się nie mieszczą, to się ukrywają. Z racji tego, że masz tak ustaloną pozycję przewijanie jest niemożliwe.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
03.11.2016, 19:39 (Ten post był ostatnio modyfikowany: 03.11.2016, 19:39 przez Poftorek.)
#9
Zmieniłem positiony dla obrazka i menu. Zmieniłem z-index i ładnie weszło, uniknąłem @media :przytul:
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08



Użytkownicy przeglądający ten wątek:

3 gości