Overflow na mobilnym

pytanie zadane 19 maja 2017 w HTML i CSS przez Alterwar Dyskutant (7,650 p.)

Witam,

przy wyświetlaniu strony na mobilce ( huawei p9 lite, najnowszy chrome) mogę przesunąć stronę w lewo o pare pikseli oraz w dół (scroll się nie pokazuje). Ustawiłem overflow oraz strona mieści się w wielkości urządzenia, więc przesunięcie nie powinno być możliwe. Elementy nie wystają poza stronę. Strona musi się mieścić w 100% wysokości. Tak wygląda body:

html, body
{
	overflow: hidden;
	margin:0 !important;
	font-family: 'Allerta Stencil', sans-serif;
	height: 100%;
	padding: 0;
	background: url('../img/bg.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	font-weight: 700;
	text-transform: uppercase;
}

komentarz 20 maja 2017 przez Shaoi Mądrala (7,020 p.)

margin:0 !important;

Important nie jest potrzebny.

height: 100%;

To nic nie robi.

background: url('../img/bg.jpg');

background-repeat: no-repeat;

background-position: center top;

Można to skrócić.

komentarz 20 maja 2017 przez Alterwar Dyskutant (7,650 p.)

Height 100% - http://stackoverflow.com/questions/6654958/make-body-have-100-of-the-browser-height
Rozumiem , ale gdzie może leżeć problem? Sprawdzając w chromie (komputer) na wersję mobilną wszystko gra. Na tel można zrobić lekki scroll x/y, scrolla nie widać. Elementy nie wystają. Pierwszy raz napotykam taki problem i szrzecze mówiąc nie wiem jak go rozwiązać. Dodam, że stopka ma position fixed, żeby zawsze przylegała do dołu.

komentarz 20 maja 2017 przez ShiroUmizake Nałogowiec (46,300 p.)

Pokaż cały kod. Resetowałeś wszystkie znaczniki?

komentarz 20 maja 2017 przez mitelak Pasjonat (23,330 p.)

Najlepiej daj całą stronę. Ten dół możliwe, że przez chrome, który wysokość traktuje jakby bez tej belki nawigacji na górze, ale na początku i tak przesuwa treść pod nią.

1 odpowiedź

odpowiedź 20 maja 2017 przez mitelak Pasjonat (23,330 p.)
wybrane 20 maja 2017 przez Alterwar

Najlepsza

Winowajcą jest ta deklaracja:

komentarz 20 maja 2017 przez Alterwar Dyskutant (7,650 p.)

Kurde... dzięki :D tyle czasu szukałem rozwiązania a okazało się tak banalnie proste... :D dzięki!

komentarz 20 maja 2017 przez Lu Kiss Dyskutant (7,600 p.)

skoro jest skreślona to jest nadpisana

overflow: hidden będzie działał jak dla tego body czy html dasz wydth: 100%;

komentarz 23 maja 2017 przez mitelak Pasjonat (23,330 p.)

Skreślona jest, bo ją odznaczyłem, co można zobaczyć po tym, że po lewej nie ma "ptaszków". Co do overflow to w ogóle nie jest potrzebne i nie w tym tak naprawdę leżał problem (chodziło o zbyt szerokie elementy przez które pokazywał się scroll).