Logowanie

Szerokość wyświetlanej strony nieco się powiększyła

pytanie zadane 28 września 2017 w HTML i CSS przez Krzysiek_34 Mądrala (6,050 p.)

Witam.

Zauważyłem, że szerokość wyświetlanej strony nieco się powiększyła. Na szerokości jest dodatkowych i niepotrzebnych ok 15px.

<body>

	<div class="wrapper">
			
	</div>
		
</body>

body
{
	background: #000000 url("obrazki/background/body_background.png");
	font-family: Verdana;
	margin: 0;
	width: 100vw;
	height: 135vh;
	position: relative;
}

.wrapper
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

W sekcji <body> szerokość mam podany jako width: 100vw. Podobno 100vw to inaczej 100% szerokości w tym wypadku. Chciałbym, aby zadziałało to przy aktualnym zapisie width: 100vw.

Tak to wygląda na dole po prawej stronie:

http://imageshack.com/a/img923/1563/phGyls.jpg

Jak pozbyć się tej dodatkowej i niepotrzebnej szerokości? Mam wpisać np. width: 98vw? Byłoby to bezsensu.

2 odpowiedzi

odpowiedź 28 września 2017 przez mtk3d Nałogowiec (46,690 p.)

100% != 100vw

100%, to 100% dokumentu, a 100vw, to cały viewport. Różnica jest taka, że przy pojawieniu się pionowego scrollbara, dokument zostaje zmniejszony o jego szerokość, a viewport nie.

komentarz 28 września 2017 przez Krzysiek_34 Mądrala (6,050 p.)

Wobec tego jak to naprawić, aby scrollbar zniknął z szerokości?

komentarz 28 września 2017 przez mtk3d Nałogowiec (46,690 p.)

Wpisz 100%

odpowiedź 28 września 2017 przez turtelian Obywatel (1,760 p.)

* {
	padding: 0;
	margin: 0;
}

body {
	background: #000000 url("obrazki/background/body_background.png");
	font-family: Verdana;
	margin: 0;
	width: 100%;
	height: 135vh;
	position: relative;
}

.wrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

proponuje cos takiego

komentarz 28 września 2017 przez Krzysiek_34 Mądrala (6,050 p.)

Kiedyś gdzieś wyczytałem, że lepiej stosować width: 100vw niż width: 100%.

komentarz 28 września 2017 przez Krzysiek_34 Mądrala (6,050 p.)

OK, dzięki.

Podobne pytania

0 głosów

1 odpowiedź 299 wizyt

Nie działająca poprawnie szerokość body

pytanie zadane 7 października 2018 w HTML i CSS przez bartekDSAXN Użytkownik (560 p.)

0 głosów

2 odpowiedzi 190 wizyt

Czy można dać divowi szerokość: np. width 100% - 4px?

pytanie zadane 8 stycznia 2018 w HTML i CSS przez Darkis Początkujący (290 p.)

0 głosów

1 odpowiedź 363 wizyt

Wordpress Motyw I-Craft szerokość strony

pytanie zadane 16 października 2017 w Systemy CMS przez Tomson Początkujący (440 p.)

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...

Szerokość wyświetlanej strony nieco się powiększyła

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

2 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci