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



 

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

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

Открыть тему
Тема закрыта
> max-width для картинок в FF и IE
MeTaTRoN
MeTaTRoN
Topic Starter сообщение 12.12.2013, 15:32; Ответить: MeTaTRoN
Сообщение #1


Добрый день.

Столкнулся с проблемой, которую не понял как решить.
Пользователи выкладывают на сайт большие картинки

http://anionline.ru/forum/topic_1816/47

Я попытался решить эту проблему установив для всех картинок параметр max-width:100%
В Google chrome, opera всё стало отлично - работает.
А вот в Firefox и IE не помогает.

Какие есть возможности решения этой проблемы?

Заранее плюсы, за полезные ответы ответы.


--------------------
Программист: PHP, JavaScript, HTML5, HTML5 canvas, CSS, AJAX, jquery, SQL.
Реклама на аниме сайте
Услуги программиста, тема на форуме
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alex_RD
Alex_RD
сообщение 12.12.2013, 17:08; Ответить: Alex_RD
Сообщение #2


MeTaTRoN,
Любопытно, кажется все дело в display:table (-cell, -row и таблицах дальше). На ум пришло только с помощью jquery на лету max-width в пикселях подставлять
<script>
$(window).load(function(){

var some_w = $('.abc_search').width();
some_w = some_w - 156;
$('.postcolor img').css('max-width',some_w + 'px');

});
</script>


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MeTaTRoN
MeTaTRoN
Topic Starter сообщение 12.12.2013, 17:50; Ответить: MeTaTRoN
Сообщение #3


Alex_RD, на js это да, но вот хочется на css решить эту задачу


--------------------
Программист: PHP, JavaScript, HTML5, HTML5 canvas, CSS, AJAX, jquery, SQL.
Реклама на аниме сайте
Услуги программиста, тема на форуме
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ManGysITI
ManGysITI
сообщение 12.12.2013, 17:54; Ответить: ManGysITI
Сообщение #4


max-width: 600px; и все работает


--------------------
Оптимизация и продвижение сайтов - консультации от 30$ Связь через личку
Качественный копирайт заказываю здесь.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alex_RD
Alex_RD
сообщение 12.12.2013, 18:44; Ответить: Alex_RD
Сообщение #5


ManGysITI,
max-width: 600px; и все работает

Угу, а ничего, что центральная колонка "резиновая" ? smile.gif

.ipbtable {
    table-layout: fixed;
}
.ipbtable table {
    table-layout: fixed;
}


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Rebex.io – Ваша инновационная платформа для обмена криптовалюты!
2 Rebex 1146 Вчера, 18:39
автор: Rebex
Горячая тема (нет новых ответов) Betatransfer.net - прием платежей для HIGH RISK проектов, интернет эквайринг и мерчант онлайн оплат
54 arendator 34755 Вчера, 15:16
автор: arendator
Горячая тема (нет новых ответов) ⭕Антидетект браузер AdsPower для эффективной работы с мультиаккаунтами!
83 AdsPower 24381 14.4.2024, 22:52
автор: AdsPower
Горячая тема (нет новых ответов) Настройки лент для wpgrabber
Настрою ленты любой сложности плагина WPGrabber для WordPress
42 zkalinin 30524 11.4.2024, 23:33
автор: zkalinin
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыСовременный сервис для быстрого и безопасного обмена валют.
14 CryptoTims 4719 11.4.2024, 15:29
автор: CryptoTims


 



RSS Текстовая версия Сейчас: 16.4.2024, 12:42
Дизайн