<img width="100%"> пробема масштабирования для table

Вид для печати

14.08.2010, 23:23
spin76

Не судите меня строго, решение проблемы не могу найти.

ЗАДАЧА
Масштабировать картинку на 100% ширины ячейки таблицы

ПРОБЛЕМА

А) Если открыть файл test.htm на локальном компьютере в IE8 то обе картинки масштабируются как надо

Б) Если этот же файл test.htm загрузить на web-server:
[Only registered and activated users can see links. Click Here To Register...]
и открыть в IE8, то картинка которая таблице, не масштабируется меньше своего оригинального размера.

Листинг файла test.htm

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"> <HEAD><TITLE>Untitled Page</TITLE> <META content="text/html; charset=utf-8" http-equiv=Content-Type /> </HEAD> <BODY> <pre> image from: [Only registered and activated users can see links. Click Here To Register...] </pre> <h1>Image - alone</h1> [Only registered and activated users can see links. Click Here To Register...] <h1>Image - inside table</h1> <TABLE border=0 cellSpacing=7 cellPadding=7 width="100%"> ****<TBODY> ********<TR> ************<TD width="100%">[Only registered and activated users can see links. Click Here To Register...]</TD> ********</TR> </TBODY> </TABLE> </BODY></HTML>

PS
Просьба давать советы только по теме, не надо говорить что масштабирование плохо и тому подобное, для меня желание заказчика = закон.
Если не сложно приведите работающий HTML-код.
16.08.2010, 05:56
Aykroyd

Цитата:

Если открыть файл test.htm на локальном компьютере в IE8...
Если этот же файл test.htm загрузить на web-server и открыть в IE8...

Во-первых, подобной проблемы в IE8 никогда не было, нет, и быть не может. Проблема, с которой вы столкнулись, имеет место исключительно и только в IE6 и IE7. Поставьте в документе нормальный !DOCTYPE, удостоверьтесь, что ваш IE8 отображает документ в [Only registered and activated users can see links. Click Here To Register...] (а не в режиме совместимости или эмуляции IE7) и сможете сами в этом убедиться.

Во-вторых, наличие этой проблемы в IE6 и IE7 ни коим образом не связано с местонахождением документа. Этот баг в этих браузерах имеет место всегда (как на любом локальном компьютере, так и на любом веб-сервере).

Решается ваша проблема с помощью CSS-свойства table-layout со значением fixed:

Код:

table {table-layout: fixed;}

Цитата:

не надо говорить что...

[Only registered and activated users can see links. Click Here To Register...].

Цитата:

для меня желание заказчика = закон

Тем более, что на самом деле ваш заказчик вряд ли реально ЖЕЛАЕТ, чтобы в коде сайта присутствовала куча никому не нужных говнотаблиц, замедляющих загрузку документов, затрудняющих индексацию документов поисковиками и создающих разнообразные проблемы для пользователей с ограниченными физическими возможностями...
16.08.2010, 18:51
spin76

Цитата:

Во-первых, подобной проблемы в IE8 никогда не было, нет, и быть не может. Проблема, с которой вы столкнулись, имеет место исключительно и только в IE6 и IE7. Поставьте в документе нормальный !DOCTYPE, удостоверьтесь, что ваш IE8 отображает документ в [Only registered and activated users can see links. Click Here To Register...] (а не в режиме совместимости или эмуляции IE7) и сможете сами в этом убедиться.

Большое спачибо, предположение верное,
у меня IE8 был в режиме совместимости на двух компьютерах (работе и длма).