Как убрать отступ?

Question

[Your Friend]

Всем привет. Суть вопроса, есть сайт lynxdev.in.ua/test-eventsight
при просмотре с Chrome Firebug, в расширении с 768 - 992, при нажатии кнопки, которая выдвигает боковое меню, внизу страницы появляется непонятный отступ + вертикальный скрол. При других расширениях все норм. Подскажите кто знает, откуда вообще отступ и как его убрать? Заранее благодарен)

ВСЕМ СПАСИБО И + 10 К КАРМЕ, ВОПРОС ИСЧЕРПАН!

Comments

[Anna_BS]

Вы про скролл при анимации закрытия меню? prntscr.com/b3js4p

[Your Friend]

нет) я про вот это prntscr.com/b3jufe . При выезжании меню если прокрутить вниз - появляется непонятный скрол, хотя например в FF такого нет...есть какие нибудь идеи?)

[Your Friend]

Artem Verbat: да, проблем хватает, переделываю верстку за другим человеком, но пока застрял на этой проблеме, не подскажешь конкретней с чего начать что бы ее решить?

[Your Friend]

Artem Verbat: body {left: 160px} - работает только в связке с раскрывающимся меню, да и разве это так смертельно?)
тоже подумываю переписать все, но может есть какие нибудь "потайные методы" ?)

[Partizan Agent]

Your Friend: тебе height убрать надо либо 100%

[Partizan Agent]

Your Friend: html, body {
height: 100%; убери это братиш

[Your Friend]

partizan77: убрал, зазор так и остался, единственное что задний фон блоков теперь не тянется на всю ширину, а равняется ширине контента prntscr.com/b3k6hj

[Your Friend]

не ширине - а высоте)

[Partizan Agent]

Your Friend: prntscr.com/b3k9nx

[Partizan Agent]

посмотри

[Partizan Agent]

на 921 пикселей

[Your Friend]

да, работает, но фон столбика Favorites теперь не тянется на весь экран, а равен содержимому. Опять таки Height у body мне кажется трогать нельзя, т.к. блоки не будут тянуться на всю высоту...но все равно спс за вариант

[Partizan Agent]

Your Friend: у меня равен становится не знаю как у вас

[Partizan Agent]

до prntscr.com/b3kitc после prntscr.com/b3kj4l

[Partizan Agent]

Your Friend: media only screen and (max-width: 992px)
body {heigh:108%} добавь

[Your Friend]

спасибо, как вариант, но никогда еще не встречал что бы задавали width или height более чем 100%, это уже на самый крайний случай)

Answer 1

[Partizan Agent]

так и ничего не увидел...

Comments

[Your Friend]

пардон, вот prntscr.com/b3jufe

[Partizan Agent]

Your Friend: может что то добавить нужно вроде как -webkit для хрома, на моем яндексе нормально хотя тот же хром

[Partizan Agent]

Your Friend: добавь overlow-hidden это не точно конечно но все таки

Answer 2

[Сергей]

Он говорит о том что внизу всей страницы, при том разрешение когда левый бар сворачивается в меню (и открываешь его) для телефона, появляется белая полоса. А так же дополнительный скрол всей страницы, а не только центрального блока. Это косяк связки BT и CF.

Comments

[Your Friend]

Именно! больше всего волнует именно скрол всей страницы внизу, тоже думал что косяк хрома, но может кто то видит другую проблему?)

[Your Friend]

Сергей "Это косяк связки BT и CF." - имеется ввиду bootstrap и chome firebug ?

[Сергей]

Your Friend: Почти уверен, что это так. Я не очень хорошо знаком с БТ, но ты уверен что правильно столбцы раскинул?

[Your Friend]

Сергей: со столбцами проблем быть не должно, все по правилам. Мне кажется что косяк где то в height 100% , но не могу вкурить где именно...

[Сергей]

Your Friend: Да! Проблема точно с БТ и Хромом. При редактировании размера окна с открытым меню возникает такая проблема исключительно. А вновь открытая страница на телефоне\планшете этого не допустит. Тем более БТ не будет работать с постоянно изменяемым экраном, а сразу схавает размер окна устройства.

[Your Friend]

Еще я заметил что эта проблема появляется если в связке в выезжающим меню - двигать всю страницу вправо...если же меню будет выезжать и не "двигать", а "заезжать" на правый блок - то проблемы нет. Очень желательно, что бы знающие люди объяснили почему так? Буду благодарен )

[Сергей]

Your Friend: SORRY! :)

.active-menu-body {
    position: inherit;
    left: 160px;
    overflow-x: hidden;
}

[Your Friend]

да, так работает, и это вариант который я писал выше, что бы меню заезжало на блок, а не двигало его) ведь сейчас оно заезжает, так?
есть ли варианты сделать что бы меню двигало блок?)

[Сергей]

Your Friend: Сорри, с работы убегал, не успел написать. Кароче, т.к. я сам не очень знаток, а так то вот что вышло:

.active-menu-body {
    position: absolute;
    left: 160px;
    overflow-x: hidden;
}

.user {
    text-align: center;
    line-height: 0px;
}

И отверстай нормально надпись в:
<a class="username" href="">MyNameIsEugene</a>