X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Изображение с ограничением max-width "распирает" контейнер
Lev_hb
Lev_hb
Topic Starter сообщение 25.1.2011, 12:51; Ответить: Lev_hb
Сообщение #1


Здравствуйте.

Требуется выровнять по центру изображения вертикально и горизонтально внутри одинаковых блоков. Для выравнивания по вертикали используется vertical-align:middle и display:table-cell (+ хак с expression для дедушки IE6). С горизонтальным выравниванием по идее проблем быть не должно - text-align:center;

Для того, чтобы все изображения помещались в контейнер (размеры и пропорции изображений различны), сделано ограничение max-width и max-height для изображений внутри контейнера.

Всё бы ничего, но IE7 (8,9) упорно "расширяет" элемент table-cell до реальной ширины изображения (как будто бы не обрабатывает max-width), однако изображение при этом отображается уменьшенное

Собственно, демонстрация (для сравнения можно посмотреть в IE>6 и Mozilla|opera):
http://www.levik.info/test/display-cell.html

Подскажите, пожалуйста, как лучше реализовать выравнивание?
ps. И скорее для спортивного интереса.. почему так происходит?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Lev_hb
Lev_hb
Topic Starter сообщение 25.1.2011, 15:25; Ответить: Lev_hb
Сообщение #2


Всем спасибо. Решение найдено. Кому интересно - можно посмотреть по ссылке выше.
"Особенность" отображения в передовом движке IE8 :)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Требуется помощь по сайту на "ВордПресс"
Закрылся доступ в панель администратора
12 Tia2 1533 25.3.2024, 6:54
автор: Skyworker
Открытая тема (нет новых ответов) ✅ sms.chekons.com - ⭐ Сервис для получения SMS на реальные номера USA "Non-VoIP, безлим SMS, API" ⭐
Сервис для получения SMS на реальные номера USA
10 Chekon 3582 24.3.2024, 14:15
автор: Chekon
Открытая тема (нет новых ответов) ⭐⭐⭐ Google Voice | Gmail - OLD аккаунты "SMS и звонки" ⭐⭐⭐
12 Chekon 3818 24.3.2024, 13:56
автор: Chekon
Опрос (нет новых голосов) Опрос: Результаты в упражнении "Жим лёжа" у вэбмастеров
35 Room 4465 13.3.2024, 13:10
автор: Room
Открытая тема (нет новых ответов) "Лежащий" домен - 10 лет. Продать?
8 Wolfhound 2386 5.3.2024, 3:22
автор: Liudmila


 



RSS Текстовая версия Сейчас: 29.3.2024, 11:09
Дизайн