Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Проблемы с IE ниже версии 8.0 тянет таблицу! IE растягивает таблицу не смотря на фикс 
:(
    Опции темы
MalerGSG
Дата 22.12.2009, 11:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 10
Регистрация: 16.12.2009
Где: Ростов-на-Дону

Репутация: нет
Всего: нет



IE растягивает таблицу не смотря на фиксированный размер ячеейки. Пробывал вставлять прозрачные картинки в формате GIF не помогло ни картинки полностью повторяющие размер ячейки на картинки нацеленные только на фиксацию высоты или ширины (например размером 1х12 px) Таблица строится так:

<table width="100%" height="152" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="13px" height="12px" background="img/diz_03.png"></td>
            <td  background="img/diz_04.png"></td>
            <td width="17px" height="12px" background="img/diz_06.jpg"></td>
          </tr>
          <tr>
            <td  background="img/diz_08.png"></td>
            <td  bgcolor="#bfdbff" class="table_block_up"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td colspan="2" height="20" class="title_block">&nbsp;</td>
              </tr>
              <tr>
                <td width="30%" valign="top" class="text_content"><img src="img/img_menu_4.jpg" width="62" height="59" /></td>
                <td width="70%" valign="top" class="text_content">Сотрудничество:<br>
                  - электроэнергетика;<br>- банки;<br>- представители в СНГ и другие формы                
                </td>
              </tr>
            </table></td>
            <td  background="img/diz_12.png"></td>
          </tr>
          <tr>
            <td width="13px" height="15px" background="img/diz_13.jpg"></td>
            <td  background="img/diz_14.png"></td>
            <td width="17px" height="15px" background="img/diz_15.png"></td>
          </tr>
</table>

т.е. угловые картинки стот в ней фоном, а верхняя, нижняя , правая и левая части вырисовываются за счёт повторения фона. (для верхней части например это картинка шириной в 1 пиксель и высотой совпадающей с высотой прав. и лев. углов  скажем 12 пикселей) 

Главное в Мозилле или в Опере всё прекрасно. А вот в Эксплорере версии ниже 8.0 всё касячно. Переделывал под дивы , такая же песня! 
Подскажите что с этим можно сделать?
Если картинка загрузилась , то Вы наглядно увидите как всё происходи в IE.


Присоединённый файл ( Кол-во скачиваний: 5 )
Присоединённый файл  primer.jpg 32,99 Kb
PM MAIL   Вверх
Mavrun
Дата 22.12.2009, 12:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 199
Регистрация: 25.11.2007

Репутация: 9
Всего: 13



если читать сабж, то виновато <table width="100%" : раз 100%, вот и будем растягивать всё на 100%. как вариант советую посмотреть
попробовал бы ещё прописать для элементов таблиц padding:0, может в нём ещё дело
залей куда-нибудь эту страницу с картинками, чтобы потыкаться можно было

а вообще я бы закругления блока сделал бы не таблицей, а контейнерами или с помощью каких-нибудь библиотек, типа jQuery (например, здесь можно почитать)
PM MAIL   Вверх
MalerGSG
Дата 23.12.2009, 09:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 10
Регистрация: 16.12.2009
Где: Ростов-на-Дону

Репутация: нет
Всего: нет



Спасибо за подсказку! Кстати в контейнерах таже самая фигня. =)
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0365 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.