Убрать горизонтальную полосу прокрутки

@marketarea · Регистрация: 11.06.2016

Author24 — интернет-сервис помощи студентам

Появилась горизонтальная прокрутка... не могу понять от куда вылезла)))
CSS:

CSS

.wrapper {
width: 100%;
max-width: 1500px;
margin: 0 auto;
}

ткните что не то а то мозг перегрелся) моник 1680*1050

@hoogand · 25.06.2016, 03:56

Сообщение от marketarea

max-width: 1500px;

меньше попробуй

@marketarea · 25.06.2016, 13:06 **[ТС]**

Не могу убрать горизонтальную прокрутку на монике с разрешением 1680*1050.
Было все Ок, но потом что то утворил и тупо не могу найти, наверное перегрелся изучением литературы..)
Ткните пальцем плз, заодно посмотрите какие есть грубые и нетолько ошибки на которые стоит обратить внимание.
Спасибо.

макет должен отображатся максимум в 1500px

@mrtoxas · 25.06.2016, 13:29

CSS

1
2
3

body {
  overflow: hidden;
}

@marketarea · 25.06.2016, 13:37 **[ТС]**

если применять к body то исчезает и вертикальная полоса прокрутки, применил к wrapper - вроде все получилось.
Но что это было?
Похоже на то что какойто из блоков больше и тд, но вроде все пересчитал...

Добавлено через 51 секунду
При том всем появилось не с самого начала а ближе к последним блокам..

Добавлено через 2 минуты
как найти то что не влазит?)

Добавлено через 2 минуты

CSS

1	margin: 0 auto;

-значит отступы по горизонтали должны быть равными автоматические и я их должен видеть, скажем в хроме-> инструменты разработчика.
но там их не вижу, значит реально что то не влазит и гонит...

@CTapu4ok · 25.06.2016, 13:54

В блоке class="fiji" у тебя заголовок H3 и список - <ul> имеют position: relative; и сдвинуты вправо на 250px от этого и скролл.

@marketarea · 25.06.2016, 14:00 **[ТС]**

Точно)!
а как так быстро нашли где проблема?

@CTapu4ok · 25.06.2016, 14:06

В инструментах разработчика по очереди удалял блоки (правой кнопкой мыши на нужном блоке"Edit as HTML", все выделил и удалил) пока не пропала полоса прокрутки, а дальше уже в "виновном" блоке внимательно все проверяешь.

@marketarea · 25.06.2016, 14:09 **[ТС]**

а я тыкал тыкал и проглядел. вот что значит опыт и внимательность.

@hoogand 0 / 0 / 0 Регистрация: 12.06.2016 Сообщений: 16
	25.06.2016, 03:56	2
	Сообщение от marketarea max-width: 1500px; меньше попробуй 0

@CTapu4ok 53 / 12 / 4 Регистрация: 20.05.2014 Сообщений: 47
	25.06.2016, 13:54	6
	Сообщение было отмечено marketarea как решение Решение В блоке class="fiji" у тебя заголовок H3 и список - <ul> имеют position: relative; и сдвинуты вправо на 250px от этого и скролл. 1

@marketarea 8 / 0 / 2 Регистрация: 11.06.2016 Сообщений: 261
	25.06.2016, 14:00 [ТС]	7
	Точно)! а как так быстро нашли где проблема? 0

@CTapu4ok 53 / 12 / 4 Регистрация: 20.05.2014 Сообщений: 47
	25.06.2016, 14:06	8
	В инструментах разработчика по очереди удалял блоки (правой кнопкой мыши на нужном блоке"Edit as HTML", все выделил и удалил) пока не пропала полоса прокрутки, а дальше уже в "виновном" блоке внимательно все проверяешь. 0

@marketarea 8 / 0 / 2 Регистрация: 11.06.2016 Сообщений: 261
	25.06.2016, 14:09 [ТС]	9
	а я тыкал тыкал и проглядел. вот что значит опыт и внимательность. 0

Убрать горизонтальную полосу прокрутки

Решение