Padding on tbody

Question

Я использую vBulletin для создания форума, который в основном использует таблицы для стилизации сайта. Как я могу использовать прописку на tbody, чтобы разместить контент вдали от границы?

Здесь вы можете увидеть фотографию моего основного сайта, где содержание выталкивается 5px от границы:

В то время как на Справка, добавляя отступы на tbody не выталкивает содержимое прочь:

Answer 1

Метод 1
У вас есть пара различных вариантов:

tbody:before { 
    content: ''; 
    display: block; 
    height: 20px; 
} 

Добавление этого в основном «вставляет» содержимое до конца. Это своего рода «быстрое n-грязное» исправление.


Метод 2
Другой вариант дает свои tableborder-collapse: collapse, а затем давая вашей tbody значение границы:

table { 
    border-collapse: collapse; 
} 
table tbody { 
    border-right: 20px solid transparent; 
} 

Оба этих метода имеют свои недостатки, однако. Селектор до этого может не работать в IE7, и для работы в IE8 требуется !DOCTYPE. Второй способ иногда может быть немного осязаемым, в зависимости от остальной части вашего css. Обязательно наличие !DOCTYPE