изображения с шириной: 100% в ячейках таблицы неправильно масштабируются в IE - PullRequest
Новая
       0

изображения с шириной: 100% в ячейках таблицы неправильно масштабируются в IE

2 голосов
/ 10 ноября 2010

У меня есть таблица с 3 столбцами, которая содержит изображения. Все тд имеют width="33%", а содержащиеся в них изображения имеют CSS width:100%. В FF и Opera изображения масштабируются так, как я хочу, чтобы они заполняли всю ширину ячейки, сохраняя соотношение сторон. Однако в IE7 они ведут себя совершенно иначе: я думаю, что картинка с наибольшей шириной растягивает весь столбец, а меньшие растягиваются до новой доступной ширины.

Страница, о которой идет речь: http://mybgagent.com/print.php?offers_id=4515
(я знаю, что на сайте беспорядок, я не кодировал его)

Любой совет, что делать? Установка css position:absolute обеспечивает правильное масштабирование изображений в IE, но нарушает масштабирование в Opera и FF, а также позиционирование во всех браузерах.

Ответы [ 3 ]

5 голосов
/ 24 апреля 2012

Я часто сталкивался с этой проблемой в режиме совместимости IE7. легким решением было не только поставить 

width: 100%;

в моем css, но также 

width: 100%;
float: left;

убрал этот неприятный сбой.

1 голос
/ 10 ноября 2010

Звучит так, как будто у вас есть решение для каждого браузера, но нет способа нацелить его, ну, вот вам и CSS Browser Selector , который поможет вам в этом! Просто подключите этот jQuery к вашему сайту (в разделе <head>), затем напишите отдельные правила для IE и реальных браузеров и добавьте .ie перед вашими селекторами IE :)

Отлично работает, я им пользуюсь все время!

Пример: 

myTd
{
   background: #f00; /*whatever your rules are*/
}

.ie .myTdv
{
   position: absolute;
}

И это все!

0 голосов
/ 10 ноября 2010

Попробуйте установить стиль родительской ячейки на position:relative.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...