border-bottom для строки таблицы

@insideone · Регистрация: 10.01.2010

Студворк — интернет-сервис помощи студентам

Есть таблица, а в ней

HTML5
1
<tr class="product_item">

+

CSS
1
2
3
4
.product_item  /* .basket_table tr */ {
    border-bottom: 1px solid red;
    padding-bottom: 100px;
}

И при всем при этом никакой рамки я не вижу, padding тоже не работает (это я вообще для теста добавил, так то он не нужен)

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

@Hagrael · 25.11.2010, 14:12

insideone, padding'a у tr быть в принципе не может, как и border'ов, вообще для tr стили лучше не прописывать ИМХО.

@insideone · 25.11.2010, 22:23 **[ТС]**

Hagrael, выходит вставлять липовые (не относящиеся к контенту) tr с одной полоской-разделителем - это норма?
Интересно откуда узнал?) По опыту или читал где об этом? Я лично был удивлен что tr не понимает этого...

Vovan-VE · 26.11.2010, 17:30

insideone, CSS 2.1 - 17 Tables - 17.6 Borders - 17.6.1 The separated borders model:

Rows, columns, row groups, and column groups cannot have borders (i.e., user agents must ignore the border properties for those elements).

Т.е. с (по умолчанию)

CSS
1
table {border-collapse: separate;}

бордеры могут иметь только таблица и ячейки.

17.6.2 The collapsing border model

In the collapsing border model, it is possible to specify borders that surround all or part of a cell, row, row group, column, and column group.

Т.е. когда

CSS
1
table {border-collapse:collapse;}

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

Не по теме:

reset.css использует как раз border-collapse:collapse; ибо IE6 кажется имеет проблемы с border-spacing, когда border-collapse: separate;

@Hagrael · 26.11.2010, 19:02

insideone, да, норма.

@insideone · 27.11.2010, 00:15 **[ТС]**

Vovan-VE, любопытное техническое ограничение) что ж, буду знать
Hagrael, ох, а я чувствовал что делаю что-то не хорошее. ну ладно раз повсеместно значит и не стыдно :-D

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

@Hagrael БТР - мой друг 333 / 277 / 47 Регистрация: 07.01.2010 Сообщений: 1,932
	25.11.2010, 14:12
	insideone, padding'a у tr быть в принципе не может, как и border'ов, вообще для tr стили лучше не прописывать ИМХО. 1

@insideone 3687 / 964 / 114 Регистрация: 10.01.2010 Сообщений: 2,550
	25.11.2010, 22:23 [ТС]
	Hagrael, выходит вставлять липовые (не относящиеся к контенту) tr с одной полоской-разделителем - это норма? Интересно откуда узнал?) По опыту или читал где об этом? Я лично был удивлен что tr не понимает этого... 0

@Hagrael БТР - мой друг 333 / 277 / 47 Регистрация: 07.01.2010 Сообщений: 1,932
	26.11.2010, 19:02
	insideone, да, норма. 1

@insideone 3687 / 964 / 114 Регистрация: 10.01.2010 Сообщений: 2,550
	27.11.2010, 00:15 [ТС]
	Vovan-VE, любопытное техническое ограничение) что ж, буду знать Hagrael, ох, а я чувствовал что делаю что-то не хорошее. ну ладно раз повсеместно значит и не стыдно :-D 0