Проблема с интервалом/шириной с моим CSS3

Я не знаю, почему есть промежуток (margin/padding) слева во второй и третьей вкладках. Место испытания сайт: http://new.vonsazkin.com/index.aspx Проблема с интервалом/шириной с моим CSS3

Нажмите на Жители в верхнем меню и затем нажмите на вкладку События или на вкладке Records. Вы заметите, что сетка нажата. Если я установил ширину сетки в auto, тогда она движется вверх, где я хочу, но она сжимается. Максимальная ширина, которую я могу установить, составляет 66,67%, но она сдвигается вправо. Я хочу, чтобы сетка была на 100% шириной и не имела интервала сверху. Вы можете щелкнуть правой кнопкой мыши в браузере и нажать кнопку «Проверить элемент», чтобы просмотреть код страницы и CSS для сайта.

Любой ключ?

Заранее спасибо!

источник

2016-12-14 user1100221

http://stackoverflow.com/help/mcve – connexo

Все, что вам нужно сделать, - это абсолютное положение таблицы, когда ее родитель относительно расположен.

.resident_workspace_form .table-wrapper { 
    position: relative; 
} 

.resident_workspace_form table.alt { 
    position: absolute; 
}

источник

2016-12-14 14:01:34

Это сработало! Благодарю. Я должен был это знать. – user1100221

Это работает, но это просто взламывает настоящую проблему (которая может нарушить ваш пользовательский интерфейс). Реальные проблемы лежат в вашем css: .residents_block .tab-pane {display: block; } Поверьте мне :) – Kantoci

@ user1100221 Удаление '.resident_workspace_form .table-wrapper {display: block; } 'будет решать выравнивание кнопок, как предположил Канточи. –

The padding between tabs

Я не очень понимаю, что это ваша проблема, но если вы имеете в виду пространство между вкладками - у вас есть дополнение. Также вкладки имеют высоту на носителе (max-width: 1199px) и (min-width: 992px) The height of tabs.

источник

2016-12-14 13:53:48 ArietM

Я добавил скриншоты, чтобы объяснить проблему. Когда ширина таблицы/сетки составляет 100%, она становится нажатой. Если я уменьшу ширину до 66%, она движется вверх и вправо. Что-то более 66%, оно движется вниз. Благодарю. – user1100221

Интересно :) Я нашел, где проблема: style.css

.residents_block .tab-pane { 
    display: block; 
    ...

display: block Это баловаться с показа/скрытия вкладок. С этим CSS другие вкладки есть, но есть opacity: 0. Я считаю, что это какой-то пользовательский css (который нарушает функциональность бутстрапа), и вы должны удалить его ...

источник

2016-12-14 14:03:19 Kantoci

@ user1100221 Это должен быть ответ –

Проблема с интервалом/шириной с моим CSS3

ответ

Смежные вопросы