Селектора.
13. Добавьте еще один стиль к внутренней таблиц·е стилей страницы:
#price. #rating
width: lOOpx:
Теперь ширина каждого из двух столбцов составляет 100 пикселов. Наконец
Таблица выглядит здорово во всех браузерах ... или почти во всех. В IE 6 таблица
Выпадает со страницы. Когда для ширины таблицы установлено значение
100 %, IE 6 на самом деле делает таблицу немного большей, чем содержащий ее
Контейнер, который, в свою очередь, вынуждает таблицу теряться под левой
Боковой панелью. Об этой достаточно распространенной проблеме выпадания
Вы узнаете далее в книге. Но пока простым решением будет сделать таблицу
немного меньше 100 %.
Отредактируйте стиль #i nventory, используемый для форматирования таблицы,
изменив значение его ширины на 98 %:
#inventory {
font-fami ly: "Trebuchet MS". Arial. Helvetica. sans-serif:
width: 98%:
border-collapse: collapse:
Сейчас таблица всего лишь чуть тоньше, чем ее контейнер, и выглядит корректно
В IE 6 (если вы не хотите, чтобы таблица была тоньше в других браузерах,
Можете использовать специфичный для IE 6 стиль, устанавливающий ширину
98% только для этого браузера,- позже будет рассказано об этой методике).
Откройте страницу в браузере. Она должна выглядеть так же, как и страница,
Изображенная на рис. 10.9, внизу. Вы также можете найти готовый пример в папке
lO_finished\taЬie.
