<img src="/1-my-images/328904408.jpg" width="170" height="79" style="float: right;" />
Параметр width с помощью специального скрипта пробразуется в ширину картинки таким образом, что численное значение ширины в пикселях интерпретируется как то же самое количество процентов, а если ширина больше 100 пикселей, то принимается равной 100%. Вот этот замечательный скрипт:
<script>
$(function(){
$('.image_formatting img').each(function(){
$(this).attr('width', parseInt($(this).attr('width'))>100 ? '100%' : $(this).attr('width')+'%');
$(this).removeAttr('height');
});
});
</script>
Если бы в коде отсутствовал параметр style, то все было бы великолепно. Но наличие этого параметра меняет ситуацию самым странным образом: если ширина графики ненамного больше 100рх, то все нормально. Но если ширина намного больше 100рх, то скрипт отказывается её переварить!
Вот здесь тестовая страница, в которой размер графики составляет не более 170 пискселей. Во всех браузерах все нормально.
А вот та же страница, но ширина графики порядка 950рх. И в браузерах Яндекс, Сафари и Maxthon страница разваливается самым ужасным образм!
Я не стал приводить коды этих страниц, чтобы не загромождать текст поста, ибо их легко увидеть в браузере при просмотре по ссылкам. Но во вложении есть скриншот развалившейся в браузере Яндекс страницы (на случай, если у Вас нет этого браузера).
Можно ли решить эту проблему?