Mavrikii
Platinum Member | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Weinaum
Цитата:| но при этом длина и ширина элемента уменьшились на 10 пикселей. |
В css3 уже можно избавиться от float вообще - display: inline-block поддерживается всеми браузерами и даже IE9, если не ошибаюсь.
в вашем случае решение проще - уберите
Цитата:
оно там не нужно
а основная причина в том, что bootstrap добавляет это
Цитата: * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} |
поэтому размеры элементов считаются иначе, с учетом рамки - http://htmlbook.ru/css/box-sizing
для остального - совет: идем всегда сюда https://validator.w3.org/#validate_by_input и проверяем код страницы на ошибки. сначала исправляем их, а потом уже разбираемся почему что то отображается не так. у вас
Цитата:| Result: 72 Errors, 27 warning(s) |
что очень много, пусть не все значительны, но лучше чтобы их вообще не было
Цитата:| Методом исключения и такой то матери нашел, что влияет вот эта строчка стилей - |
и это не нужно.. в любом современном браузере есть панель разработчика, которая показывает всю информацию об элементе, какие и откуда стили применены и тд и тп. можно даже поменять и посмотреть как будет выглядеть (конечно же в локальной версии) показываю в вашем случае
видите, что в самой странице есть <style>, в котором для body применен ненужный padding? уберете его и будет полная ширина
Цитата:| .rwd-table { margin: 1em 0; min-width: 300px; } .rwd-table tr { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .rwd-table th { display: none; } .rwd-table td { display: block; } .rwd-table td:first-child { padding-top: .5em; } .rwd-table td:last-child { padding-bottom: .5em; } .rwd-table td:before { content: attr(data-th) " "; font-weight: bold; width: 6.5em; display: inline-block; } @media (min-width: 480px) { .rwd-table td:before { display: none; } } .rwd-table th, .rwd-table td { text-align: left; } @media (min-width: 480px) { .rwd-table th, .rwd-table td { display: table-cell; padding: .25em .5em; } .rwd-table th:first-child, .rwd-table td:first-child { padding-left: 0; } .rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0; } } body { padding: 0 2em; font-family: Montserrat, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; color: #444; background: #eee; } h1 { font-weight: normal; letter-spacing: -1px; color: #34495E; } .rwd-table { background: #34495E; color: #fff; border-radius: .4em; overflow: hidden; } .rwd-table tr { border-color: #46637f; } .rwd-table th, .rwd-table td { margin: .5em 1em; } @media (min-width: 480px) { .rwd-table th, .rwd-table td { padding: 1em !important; } } .rwd-table th, .rwd-table td:before { color: #dd5; } |
ну и шрифт задается другой, поэтому отличается местами от других страниц |
Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 21:17 30-05-2017 | Исправлено: Mavrikii, 22:04 30-05-2017 |
|
я если делал таблицы всегда без этой устаревшей муры, стандартными строками-ячейками. а там уже через child можно какие угодно стили вешать хоть на каждую отдельно... 
