Проблема широких картинок

[Elected]

О! Спасибо! Мне тоже уже несколько месяцев не дают покоя обрезанные картинки на хабре. Но я и подумать не мог что это решается так просто.

[RedOctober]

немного офтопика: зачем пользователям надо «что то» делать что бы сайт выглядел нормально? Помоему эта задача лежит на плечах разработчиков.

[zencd]

Если есть желание и возможность у отдельного юзера, почему бы и не сделать?

А возьмут ли эту задачу на свои плечи разработчики и если возьмут, то когда — это ещё неизвестно.

[RedOctober]

Если есть возможность, это только плюс. Но в данном топике мы говорим о проблеме, которую следует пофиксить разработчикам.

но это все мое личное мнение

[zencd]

Ах, это был риторический вопрос…

[RedOctober]

ага, минусуют гады…

[zencd]

а сначала антигады плюсовали :-)
было +2

[ELV1S]

Если уж использовать expression, то тогда ещё нужно использовать -ms-interpolation-mode: bicubic. А то уменьшаться будет некрасиво.

[nps]

Маразматическая реальность технологий.

[bolk]

А вы чем смотрите? FF?
elv1s.ru/articles/webdev/image-resizing/

[nps]

Глазами я смотрю)

[egoholic]

может кто-то и смотрит. Верстка должна быть всегда крассбраузерная, а кроссбраузерная означает, что сайт должен во всех бразерах отображаться одинаково.

[khim]

А как ваш сайт отображается в Netscape 1.0?

По-моему Хабр — это как раз тот сайт где про IE6 уже пора забыть.

[Rexedead]

некоторые смотрят через maxthon

[marazm]

Это даже плюс

[marazm]

Давайте ещё ориентироваться на, как правильно заметили, Netscape 1.0.

И так хватает нормальных браузеров. К тому же Хабром далбоёбы не пользуются (а если и пользуются, то пусть угоняются)

[marazm]

Чтобы глупые юзвери продолжали пользоваться ущербным, навязанным и, по их мнению, безальтернативным продуктом?

Думаю, если весь интернет перестанет косить под IE разом, пользователи и поумнеют… Я бы даже сказал, иного варианта, более эффективного, не существует.

[maserg]

судя по вашему коменту всё-таки пользуются…

[hiro]

великолепно, благодарю ото всей души!

[ELV1S]

Не все любят разворачивать окно браузера на весь экран.

[Q2W]

Не у всех на ноутах больше 1024х768. И это нормально. Никто не будет специально для Хабра обновлять ноут.

[chEbba]

Да умудряются такие картинки вставить что и на домашней 19шке вылазит.

[Princess]

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

[almalexa]

А я для хабра[абра целый стиль по оптимизации прописал, и это там давно есть.
Если нужно кому могу скинуть на userstyles.org :)

[almalexa]

Что то пунто свитчер шалит…
Не хабра[абр, а хабрахабр конечно же :)

[rossomachin]

Скиньте. Я посмотрю.

[almalexa]

userstyles.org/styles/11900

[rossomachin]

Спасибо. Посмотрел.

[theproof]

да. момент такой есть
решается автором поста, путём контроля размера размещаемых картинок))
п.с. я своих постах делаю так

[kabachok]

но неплохо бы иметь защиту от «дураков»

[Ezkimo]

CSS всегда спасает… однако если юзать по %…

[1067]

можно ли прикрутить user css в chrome?

[ELV1S]

Мне тоже интересно узнать. Как узнаю, сразу напишу на usercss.ru/how-to-install/

[logman]

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

[ghostonthewire]

Спасибо! Правда тут же выявился баг — на изображении с измененным размером появилась <a href=«b23.ru/6vc»">черная полоса. Баг оказался где-то на границе xorg и firefox (у меня 3.0.3), так что пользователям винды и мака можно не беспокоиться. Где точно я не понял — невнимательно читал тикет. Тем не менее, он устраняется добавлением в xorg.conf (секцию «Device») следующей строки:

Option "XaaNoOffscreenPixmaps"

Как это действие скажется на производительности X-сервера — не ясно, но черных полос больше нет.

[maddogg]

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

[Q2W]

Эта проблема наблюдается не только с картинками, но и с кодом.
А вообще, надо правую полосу на Хабре сделать на слой ниже, чтоб контент в случае вылезания за границы перекрывал её, а не наоборот. Ибо он важней этой правой полосы.

[Gram]

Так было на старой версии Хабра, но появлялись недовольные и этой ситуацией.

[Q2W]

Недовольные самим фактом перекрытия? Логично.
А решили проблему, сделав перекрытие ещё менее удобным?
Оригинальное решение.

[rossomachin]

Я такую проблему вообще не решал — было изрядно других. На старой версии правая колонка в коде, кстати, вообще шла первее левой.

[ELV1S]

А дайте-ка пример, где проблема с кодом. Я что-то не видел.

[deerua]

а если картинка маленькая?

[ELV1S]

То она не должа увеличиваться.

Как у вас такое получилось? Это IE 8?

[deerua]

как вы для ИЕ объясните макс-хейгхт без експрешенов и джаваскриптов?

[ELV1S]

Зачем мне «макс-хейгхт»? Тем более, IE ≥ 7 его понимает.

[deerua]

не важно какой макс-[что-то], ие6 его не шарит, а ие6 это добрый кусок хабра, пока тоже ;)
а мира так и подавно :)

[rossomachin]

Шестая версия конкретно на Хабре уже не занимает лидирующие позиции. Статистики под рукой нет, пишу по-памяти.

[deerua]

я не говорил про лидируещие позиции, а про «добрый кусок», процентов 15-20, это всё же много

[rossomachin]

Никита, спасибо. Передам нашим вебтехнологам.

[mdevils]

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

[ELV1S]

Круто!
Пожалуйста.

[iniweb]

+1 ток что отписал в комменте того же поста, на пост кармы нет :))

[milax]

от
#main-content {
…
overflow: hidden
}
пользы будет больше

Да, большие каритики будут обрезаться, но…
max-width в данном случае не уместен, тем более понимают его не все браузеры — нужны хаки.

[MTonly]

Замечу, что если у изображения явно указаны размеры, то при превышении его шириной значения max-width оно будет искажено в Firefox (см. баг на Bugzilla).

[ELV1S]

У меня в Opera 9.62, Firefox 2.0.0.17, Firefox 3.0.3 и Safari 3.1.2 выглядит одинаково. Где баг?

[MTonly]

Стало быть, уже не только в Firefox. ;-)

[MTonly]

Что-то у вас, кстати, с цветовым профилем недетское. %)

[ELV1S]

Спасибо что сказали. Это проделки фотошопа. Теперь должно быть нормально.

[noxxx]

«Вот версия для Firefox-а и не для Firefox-а» — как-то нелояльно к Опере написано… или у меня параноя?

[ELV1S]

Это не только к Опере. Это ещё Safari и IE ≥ 7. Возможно что-то ещё.

[noxxx]

Можно было бы написать «Версия для Firefox-а, и для остальных браузеров»

[b3atb0x]

Меня раньше тоже такие картинки напрягали, точнее не сами картинки — как раз их-то хотелось посмотреть, а облако тегов их закрывало (или прямой эфир, не важно). Сегодня купил 22" широкоформатник и, блин, радуюсь жизни)