Problem z ustawieniem szerokości strony (pomimo ustawienia szerokości na 100%, tworzy się dodatkowa pusta przestrzeń)

pytanie zadane 13 listopada 2015 w HTML i CSS przez ShiroUmizake Nałogowiec (46,300 p.)

Ustawiłem szerokość strony na 100% i owszem wypełnia przestrzeń, ale tworzy również dodatkową brzydką przestrzeń po prawej stronie (widoczna po przesunięciu przesuwaka), która wpływa nacząco przy skalowaniu. Z czego ona może wynikać?

PS: Wcześniej wcisnąłem [enter] i utworzyło pusty temat.

PS2: Jak nazywa się strona, w której mogę podać kod i zobaczę jego efekt wizualnie.

2 odpowiedzi

odpowiedź 13 listopada 2015 przez Comandeer Guru (600,730 p.)

odpowiedź 13 listopada 2015 przez furas Maniak (53,800 p.)

WIdać wewnątrz jakiś element zajmuje więcej miejsca niż wynosi szerokość ekranu. Tak bez zobaczenia kodu to nic więcej nie można powiedzieć.

---

PS2:. http://codepen.io, http://jsfiddle.net

komentarz 14 listopada 2015 przez ShiroUmizake Nałogowiec (46,300 p.)

http://codepen.io/Bxxta/pen/RWEXQO

Jak nie wystarczy, to wkleje kod tu.

komentarz 14 listopada 2015 przez Damian13 Obywatel (1,430 p.)

.topbar
{
position:relative;
left:30vw;
}

Wynika to z jednostki vw

komentarz 15 listopada 2015 przez furas Maniak (53,800 p.)

Element .topbar zachowuje swoją pełną szerokość i po odsunięciu go od lewej krawędzi wystaje z prawej strony poza ekran - powodując między innymi pojawienie się dolnego paska przewijania.

Jeśli zadasz mu taką szerokość aby się mieścił w oknie to problem zniknie.

Ewentualnie możesz mu zadać "display: inline" lub "display: inline-block" to zmiejszy swoją szerokość do elementów zawartych wewnątrz .topbar.