| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Проблемы с IE ниже версии 8.0 тянет таблицу! |
| Автор: MalerGSG 22.12.2009, 11:48 |
| 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"> </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. |
| Автор: Mavrun 22.12.2009, 12:20 |
| если читать сабж, то виновато <table width="100%" : раз 100%, вот и будем растягивать всё на 100%. как вариант советую посмотреть попробовал бы ещё прописать для элементов таблиц padding:0, может в нём ещё дело залей куда-нибудь эту страницу с картинками, чтобы потыкаться можно было а вообще я бы закругления блока сделал бы не таблицей, а контейнерами или с помощью каких-нибудь библиотек, типа jQuery (например, http://shublog.ru/ajax/jquery/tri-sposoba-kak-sdelat-zakrugljonnye-ugly-na-jquery/) |
| Автор: MalerGSG 23.12.2009, 09:30 |
| Спасибо за подсказку! Кстати в контейнерах таже самая фигня. =) |