Непобедимый IE 8

[Кракен]

Доброго времени суток, форумчане. В CSS да и HTML я далеко не профи, но вот взялся помочь знакомому вставить свою картинку в шапку сайта. Картинка у нас добротная, габаритная: 1270x200 px. Цель сделать так, чтобы на небольших мониторах картинка пропорционально сжималась до размеров экрана, исключая боковой скрол. Сперва попробовал сделать картинку в виде фона в таблице (background) в таком разе картинка просто обрезалась. Вертикального скролла конечно не было. но все же не то... Тогда написал вот такой код:

  Reveal hidden contents

<table style="width: 100%;" border="0" id="table1" cellspacing="0" cellpadding="0">
 <tr>
 <td background="/.s/t/711/2.gif"> </td>
 </tr>
 <tr>
 <td><img border="0" src="/logo.png" width="100%"></td>
 </tr>
 <tr>
 <td background=/.s/t/711/2.gif> </td>
 </tr>
</table>

В итоге, в Firefox ; Chrome ; Opera отображают все как надо, а вот IE 8 выкрутасы показывает, упорно угоняет картинку за пределы экрана, отображая ее в полный размер. Как можно укротить строптивый браузер? каких параметров не хватает в моем коде для этого? Прошу жаргоном из терминов не злоупотреблять, а то придется сообщение несколько раз перечитывать прежде чем пойму, какой в нем совет О других версиях IE вообще боюсь думать, подозреваю, что там будет не лучше. Адрес сайта вот

Так сайт смотрится в IE

  Reveal hidden contents

А вот как в Chrome:

  Reveal hidden contents

Edited April 8, 2010 by Кракен

[psywalker]

Вынеси все атрибуты в стили ЦСС, далеее назнач ячейкам тоже ширину 100%, да коллапс для таблицы сделай, вообще ЦСС - это сила брат.

[Кракен]

  psywalker said:

Вынеси все атрибуты в стили ЦСС, далеее назнач ячейкам тоже ширину 100%, да коллапс для таблицы сделай, вообще ЦСС - это сила брат.

1. Боюсь мне знаний не хватит чтобы правильно все атрибуты чисто в CSS вынести, а в то что в нем сила охотно верю, и опять же я же просил, чуть литературнее изъясняться... "коллапс" это у нас что?

[psywalker]

http://htmlbook.ru/css/border-collapse.html

И ячейкам хотябы ширину 100% поставь тоже

[Кракен]

  psywalker said:

http://htmlbook.ru/css/border-collapse.html

И ячейкам хотябы ширину 100% поставь тоже

Вот за ссылку уже спасибо, надеюсь смогу сделать, ибо ранее с "collapse" просто не работал.

[mishka]

вот пример того что вы хотите: http://dimox.name/ie-table-and-liquid-images/

[mishka]

psywalker, обьясни зачем ячейке ширина 100% ?

cellspacing="0" это равносильно border-collapse:collapse

ТС, попробуй табличке дописать:

<table style="width: 100%;table-layout: fixed;" border="0" id="table1" cellspacing="0" cellpadding="0">

[Кракен]

  mishka2 said:

ТС, попробуй табличке дописать:

<table style="width: 100%;table-layout: fixed;" border="0" id="table1" cellspacing="0" cellpadding="0">

Наше Вам большое человеческое - спасибо Самое смешное, что статейку с решением бага я сам знал, уже читал ранее, но абсолютно вылетело из головы, а дописать строчку в код обязательно попробую!