Как выровнять бордер при абсолютном позиционировании?
Немного встрял, вопрос следующий.
Есть таблица, в которой первый столбец статичный в position:absolute; , остальные столбцы скроллятся если необходимо.
Проблема в границе первого столбца(border-right у th элементов) - ее необходимо сделать такой же по высотекак и границы у других столбцов(border-left у td элементов).
Пытался с помощью значения высоты th - если задать width:100% как сейчас, то ячейки занимают чрезмерно большую высоту и бордер идет глубоко вниз до конца страницы.
A если установить width: auto, то граница идет с разрывами там где контент правых колонок больше по высоте чем контент левой колонки.
Кажется что то совсем простое упустил, но не могу понять что...
Структуру просто взял один к одному, менять что то в коде возможности практически нет.
если вы имеете в виду, можно ли вынести все th в один блок и ему абсолют и бордер - то к сожалению, не так просто это. Дело в том, что это стандартная таблица сравнения товаров в magento2 и менять ее структуру в шаблоне занятие еще то.
Я в принципе нашел костыльное решение, с которым более-менее работать все будет - убрать бордер у всех строк th кроме самой первой, для нее же задать(подогнать) высоту.
Правда при определенных условиях это может некорректно отображаться на некоторых разрешениях, но я в своем проекте вижу как это все выглядит, в общем норм.
Я просто не очень в табличной верстке, думал, что раз там ячейки в одной строке всегда имеют одинаковую высоту, если нет принудительного объединения, то и проблем быть не должно. И их нет, если все в релативе, а как только абсолют, так вот такое получается...
Средний
Простой
