Webboard

Pełna wersja: Statyczny belka w header
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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
[attachment=10777]

SS2 - powiększenie strony
[attachment=10778]

SS3 - powiększenie strony
[attachment=10779]

SS4
[attachment=10780]
Osobiście nic z tego nie rozumiem.
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)
Chcesz ukryć pasek scroll'a?

overflow: hidden;.
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
[attachment=10783]
Bo masz nadany atrybut position: fixed;. Musisz to jakoś inaczej rozwiązać, JS, . Jak wolisz.
(03.11.2016, 19:19)Snake_ napisał(a): [ -> ]Bo masz nadany atrybut position: fixed;. Musisz to jakoś inaczej rozwiązać, JS, . Jak wolisz.
Co by było optymalniejsze, i dlaczego tak się dzieje, czy nie może być jak w stopce? Normalnie!!
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 . 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.
Zmieniłem positiony dla obrazka i menu. Zmieniłem z-index i ładnie weszło, uniknąłem :przytul: