Моя таблица HTML дает странные результаты

Question

Я обновляю сайт, который использовал вложенные таблицы, чтобы разместить несколько изображений логотипов на определенной странице.Страницу можно увидеть здесь: http://www.ecometrix.ca/ourclients.html

Первый столбец изображений в каждой группе отделен от остальных, и я не могу найти, где в моем HTML или в моем CSS виновник, который вызывает проблему,Мне действительно нужен свежий взгляд.

Кажется, это выглядит так в Firefox 4.01, Safari 5.05, Chrome 12 и Opera 11.11.Что заставляет меня верить, что это мой код, а не конкретный браузер.Я еще не тестировал ни одну версию Internet Explorer, так как я на Mac.

Любая помощь будет полезна.

Answer 1

td для энергетического сектора не имеет установленного colspan.

<td colspan="4"><p class="services">Energy Sector</p></td>

Answer 2

Размер первого столбца соответствует «Сектору энергетики». Установите colspan="4" в ячейках заголовка, чтобы заголовки могли занимать всю ширину таблицы.

Answer 3

Ваш заголовок (например, «Энергетический сектор») находится в первом столбце, но не помещается. Поэтому он расширяет первый столбец.

Добавьте colspan="4", чтобы расширить заголовок на 4 столбца