@Roman_Khi

Почему это происходит с border?

Приветствую, знатоки!
5e6f652548c6a467494179.png
Встретился со следующей проблемой. В браузерах от microsoft (IE, EDGE) в таблицах border "улетают". В других браузерах проблемы нет. Как решить?
5e6f65703daf1466259402.png
.table th:before, .tablepress th:before, .sport_sekcii th:before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    border-bottom: 3px solid #00ccc5;
}
  • Вопрос задан
  • 77 просмотров
Пригласить эксперта
Ответы на вопрос 2
ArsenyMatytsyn
@ArsenyMatytsyn
CEO iAmStudio, предприниматель.
Задавать бордеры элементам таблицы, а не псевдоэлементам.

UPD: На счет базовой привязки к строке это я сдуру сморозил, каюсь. Но вообще нет никаких проблем https://codepen.io/i-am-studio_ru/pen/MWwGrYP, проверяй свои селекторы.

UPD2: Обновил пример с абсолютным позиционированием. Делать так не стоит в реальной жизни. Привязку сделал к верхней гране, чтобы не перекрывало бордер снизу.
Ответ написан
@Roman_Khi Автор вопроса
Сделал так
.table th, .tablepress th, .sport_sekcii th {
    border-bottom: 3px solid #00ccc5 !important;
}

но хотелось бы найти все же решение по изначальному вопросу с :before
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы