Изображения, выходящие за границы поста на Хабре

[@maxshopen]

Ну да, это очевидное решение.

но лучше бы авторы думали о других и делали изображения адекватного размера (что также уменьшит количество пересылаемых байт)

[@ishua]

ну заставить авторов думать, это не всегда возможно ;)

[@maxshopen]

В данном случае — возможно, потому что если ценность картинки не высока настолько, что люди будут терпеть, что она раскурочивает структуру страницы и уползает под блоки справа — то автор очень быстро почувствует это на оценках к топику )

[@ishua]

расширения у всех разные :) я вот дома на своем 1650 никогда не видел :) на работе же замечаю иногда, ну и понятно что больше всех будут страдать на всяких асусах еее ;)

[@toxaus]

Кем вы работаете? Расширение и разрешение — две разные вещи.

[@ishua]

ой, задумался :)

[@Gaen]

Я например не готов терпеть, что блоки справа закрывают картинку.
Блок прямого эфира или облако тегов я могу и на главной посмотреть, а вот закрытую часть картинки — нет.

[@zayceslav]

За отсутствие хабраката же минусуют

[@toxaus]

:-)

[@MOVe]

При резиновой вёрстке нереально сделать оптимальное изображение. Кто-то ещё и в небольших окнах сайты смотрит :)

[@Tishka17]

а кто-то и с мобильников. Например в моей нокии е51, часто бывает что на хабре части картинки скривыются под тэгами и их никак не посмотреть

[@ngupigop]

Ну напишите свой css для оперы или лисы чтото типа: #sidebar, #footer, #header-wrapper { display: none; } и включайте его на хабре. Я проверил в опере — убирается все кроме топика и каментов, правда с шириной незнаю что делать (#main-content).
И подключайте его когда захочется.

[@blezalex]

Вот быстрое решение для Firefox blezalex.habrahabr.ru/blog/42449/

[@homm]

Можно принудительно ляпать на картинки в клиентской зоне max-width: 100%;
Правда пользователи ИЕ этого не почувствуют.

[@ElaSTiC]

Это не важно.
Пользователи ИЕ — «вообще не вариант» ©

[@crazywebdev]

Есть способ реализовать это и в IE: www.svendtofte.com/code/max_width_in_ie/

[@freehome]

Да, тоже замечал.

[@BegiBober]

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

[@kostitsyn]

а не проще ли картинкам ширина которых больше ширины поста присваивать ширину равную ширине поста?

[@homm]

Ширина поста — это здорово.

[@taliban]

а я видел элегантное решение в одной из цмс (не знаю как называется), там если картинка большая, то она показывалась уменьшенная и в рамочке, при клике на рамочку, картинка показывалась увеличенная… в итоге все довольны, постеры не думают, а читатели не видят широченных картинок, если не хотят

[@Princess]

Буду очень рада, если разработчики как то исправят эту хрень :)
У меня например Асус еее рс с 7-дюймовым дисплеем, порой чтобы посмотреть картинку приходится тупо открывать ее в новом окне, т. к. блоки справа заслоняют…

[@iZENfire]

Поледний раз, когда я публиковал картинку, не нашёл способа уменьшить её масштаб опциями тэга img. Пришлось публиковать как есть.

[@crazywebdev]

max-width и max-height задаете и нормальные браузеры вас поймут.

[@iZENfire]

Параметры max-width и max-height не работают в Firefox.
Задаю так: img max-width=«350» max-height=«248» src=«divenvrsk.webhost.ru/eclipse/EclipseHotKeys.png», всё внутри угловых скобок. Показывается изображение в полном размере без масштабирования.

[@crazywebdev]

Попробуйте <img style=«max-width:350px; max-height:248px;» src=«divenvrsk.webhost.ru/eclipse/EclipseHotKeys.png» />

[@crazywebdev]

Хотя хабр, действительно, Вас не поймет. Стили он режет, судя по всему.

[@iZENfire]

Не работает.
(естественно, кавычки-ёлочки менял на компьютерные кавычки)

[@crazywebdev]

Хабр режет параметр style (в комментариях, по крайней мере). Так что действительно, не сработает.
А так работает, только что специально проверил. В Firefox, Google Chrome (а значит и Safari) и Opera.

[@ATimofeev]

Что-то мне подсказывает, что яваскрипт будет долго обходить каждое сообщение с картинкой. И зачем каждое изображение метить в overfow:auto? Лучше бы как раз при публикации измерять картинку и уж если она больше – навешивать на нее специальный класс, а потом только яваскриптом манипулировать с картинками такого класса.
Как-то так =]