Почему появляется темная полоса в div?

Question

[Игорь]

https://vk.com/doc309751762_431502340

welovepavel.esy.es/1
рылся и нашел что это связано с .mc_item ,но как решить проблему не понял...

в чём феномен и как решить?

Цель 140 px сделать и чтобы это полосы не было.

Спасибо!

Comments

[Игорь]

Актуально так же Ваше мнение Лев Солнцев

[Михаил Чирский]

Игорь: ну это же очевидно, что вы растягиваете основной блок, а блок где у вас фон серый, не наследует эту высоту, или сверстали не правильно, или все жестко задаете, что не желательно, ну коль задаете, то сделайте, чтобы внутр. блок наследовал эту высоту, и проблем не будет.

[Ivanq]

Уважаемый Игорь, код в студию.

[Игорь]

Ivanq: сорри,выложил.

Answer 1

[Aleksandr]

.mc_item_wrap {height: 140px;} тут не изменили высоту

.mc_item {height: 140px;}

Comments

[Игорь]

prntscr.com/8yjvf4
а как убрать эту полосу?
почему он вообще залез за рамку??

должен же внизу формироваться...

[Aleksandr]

Игорь: Ну как минимум прописать ul left: 0

[Aleksandr]

Игорь: но у вас вообще верстка кривовата, почему вы row используете вне container?

[Игорь]

Александр Котов: отписался в скайп.
а вк есть?)

[Aleksandr]

Игорь: vk.com/kotovaa

Answer 2

[Денис Букреев]

как мне нравится то, что люди ноют из-за идиотских бутстрапов и им подобным

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

Comments

[Findoss]

Верстальщик-недопрограммист

[Paul Denisevich]

да ты недоверстальщик даже, я бы сказал

[Игорь]

Paul Denisevich: точно

[Денис Букреев]

Paul Denisevich: я бы так выразился о тех, кто использует бутстрап
ты из этих?

[Paul Denisevich]

Денис Букреев: я использую не только Bootstrap, но и несколько других css-решений, в том числе и самопалы. А у тебя, похоже, 2 проблемы. Первая: тебе нравится то, что "люди ноют". Вторая: миллионы людей используют Bootstrap в серьёзных проектах, в том числе, в коммерческих, и у них всё ок, а у тебя это "чернуха и лучше всё руками". OKAY.

[Денис Букреев]

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

сотни недостудий в основном это и используют, которым только бы побыстрее все сделать на халявку и забрать денежки

[Paul Denisevich]

Денис Букреев: скажем так, если не умеешь работать с чем-то правильно, то лучше не работай. Закончил кучу проектов на Bootstrap, никаких костылей, всё хорошо. Ты, вообще, какой-то агрессивный. Смайл типа!

[Денис Букреев]

Paul Denisevich: ладно, кину скобочку, чтобы показать, что я дружелюбен)

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

ни одного сайта еще не встретил с бусстстстстраповскими классами, чтобы не было в нем говница)
в итоге, чтобы что-то исправить, приходится создавать отдельный класс и лепить его элементам, а иначе поломается вся верстка

[Paul Denisevich]

Денис Букреев: чтобы при суппорте не было костылей - нужно изначально всё делать правильно, вести документацию кода, не делать, я извиняюсь, хуйни. Тогда всё будет ок. Есть хорошая лит-ра по архитектуре и организации кода. Покажи мне, что такое "говнецо" в сайтах на Bootstrap, мне просто интересно, как не нужно делать.

Answer 3

[Илья]

Судя по всему стили активного элемента (li.active) вы применяете к .mc_item > a, а нужно к .mc_item
Т.к. стили вы не выложили, то в своем хрустальном шаре вижу примерно следующее:

li.mc_item_wrap.active .mc_item a { background-color: ...; }

Поменяйте на

li.mc_item_wrap.active .mc_item { background-color: ...; }

И то же самое для :hover

li.mc_item_wrap .mc_item:hover { background-color: ...; }

Comments

[Игорь]

сорри,выложил.

[Илья]

Игорь: если в .mc_item_wrap убрать стиль высоты, тогда все будет работать как вы хотите и высота будет задана только в одном месте, в .mc_item