|
|
Пишет dibr (![[info]](http://lj.rossia.org/img/userinfo.gif){kind=small} dibr)@ 2012-08-20 14:58:00 |
 |
|
 |
|
|
|
|
|
|
 |
|
 |
max-width
Продолжаю терзать несчастный стиль max-width.
Несколько постов назад запостил широкую (1600px) фотку, без ката, но добавив в img стиль style="max-width:90%". Проверил "на себе" (на своей френдленте, на френдленте произвольного взаимофренда, проверялось в хроме) - всё масштабировалось нормально.
Сейчас выяснил, что в ряде случаев этот img таки рвёт ленту - например, при просмотре в FF. Хотя при этом по inspect element выдаётся, что max-width ничем не перекрыт и активен.
У кого-нибудь ещё тот пост (с ночной фоткой) ленту рвал? Есть идеи, как предотвратить (кроме явного задания ширины в пикселях и/или прятания под кат)? Или, может быть, я где-то лажанулся и не заметил?
!important пробовал - с ним вообще магия происходит: в хроме всё работает как и работало (и !important в коде страницы есть, я проверял), а в опере и ФФ - из кода страницы(!) исчезает этот самый !important. Что лично меня несколько фрустрирует - ладно, допустим жежешечка сама срезает "опасные" по её мнению стили, но не селективно по браузерам же :-)
UPD: I win, I win!!! Просто style="max-width:90%!important" недостаточно, надо дополнительно явно указать width="90%"! Тогда, тьфу-тьфу, не рвёт.Но вообще бардак по-моему. Если width не указан - должен использоваться naturalwidth (или как там его), если указан max-width - width должен ограничиваться по max-width, если ширина указана в процентах, по стандарту она берётся "от ширины родительского элемента". И в хроме всё так и есть, а в ФФ - нет. Если же я указал width=90% и max-width=90%, то во-первых это тавтология (90%, но не более 90%), а во-вторых при этом получается что на широком экране (с охватывающим элементом больше naturalwidth) я прошу браузер увеличить картинку больше чем она есть! Но этого - не происходит, картинка остаётся естественного размера. То есть получается что надо бы мне сделать width=90%, а max-width - равным naturalwidth, но что-то не очень хочется это тестировать - а ну как опять сломается. Бардак, в-общем :-/
В подспойлерную фотку добавил width="90%" - проверьте теперь, не рвёт ли? И, это. Если у меня чего кого рвёт и мечет - пишите сразу, ок? А то я ведь могу и не знать, что кому-то ленту разорвал :-)
Продолжаю терзать несчастный стиль max-width.
Несколько постов назад запостил широкую (1600px) фотку, без ката, но добавив в img стиль style="max-width:90%". Проверил "на себе" (на своей френдленте, на френдленте произвольного взаимофренда, проверялось в хроме) - всё масштабировалось нормально.
Сейчас выяснил, что в ряде случаев этот img таки рвёт ленту - например, при просмотре в FF. Хотя при этом по inspect element выдаётся, что max-width ничем не перекрыт и активен.
У кого-нибудь ещё тот пост (с ночной фоткой) ленту рвал? Есть идеи, как предотвратить (кроме явного задания ширины в пикселях и/или прятания под кат)? Или, может быть, я где-то лажанулся и не заметил?
!important пробовал - с ним вообще магия происходит: в хроме всё работает как и работало (и !important в коде страницы есть, я проверял), а в опере и ФФ - из кода страницы(!) исчезает этот самый !important. Что лично меня несколько фрустрирует - ладно, допустим жежешечка сама срезает "опасные" по её мнению стили, но не селективно по браузерам же :-)
UPD: I win, I win!!! Просто style="max-width:90%!important" недостаточно, надо дополнительно явно указать width="90%"! Тогда, тьфу-тьфу, не рвёт.
В подспойлерную фотку добавил width="90%" - проверьте теперь, не рвёт ли? И, это. Если у меня чего кого рвёт и мечет - пишите сразу, ок? А то я ведь могу и не знать, что кому-то ленту разорвал :-)
