td расширяется

[Pumych]

В большистве браузеров отображается корректно, даже в IE7 a v IE8 td расширяется и по этому фото сдвигается.

Подскажите п-ста как можно исправить?

Ссылка на галерею

[psywalker]

table {table-layout: fixed; max-width: 300px;}

http://htmlbook.ru/css/table-layout

[Pumych]

table {table-layout: fixed; max-width: 300px;}

http://htmlbook.ru/css/table-layout

На таблицу сделал fixed, на каждый из столбцов задал ширину.

Если размеры внутренних картинок указаны как:

height: xxx

width: yyy

то все отображается нормально (так же как и при их отсутсвии), но если задать их как

max-width: xxx

столбцы меняют свои размеры в зависимости от ширины картинок.

В спецификациях ответа не нашел нашел кажется:

In CSS 2.1, the effect of 'min-width' and 'max-width' on tables, inline tables, table cells, table columns, and column groups is undefined.

И как быть в данной ситуации?

На данный момент оставил как:

width: xxx

max-height: yyy

Но это все же не всегда решает проблему.

Edited June 22, 2011 by Pumych