Установка максимальной ширины картинки на сайте uCoz

Чтобы установить максимальную ширину изображения на сайте, достаточно в CSS прописать, что img max-weight не должно превышать, например, 100% ширины блока, в котором они размещены.

Это может быть блок post, content и тому подобное, как она называется в стилях для записи сайта.

Но с сайтами на uCoz почему-то такой способ работает в браузере Google Chrome и не работает, например, в Opera или Internet Explorer. Что же делать?

Пример: ширина блока записи – 574 px, ширина размещенной в пост картинки – 700 px. В свойствах блока #maincol указываем:

img {max-width:100% !important; height:auto !important;)

Так выглядит страница в Google Chrome:

Так картинка «разрывает» структуру страницы в Opera:

Установка максимальной ширины картинки на сайте uCoz

Для нормального отображения картинок во всех браузерах, придется на сайте uCoz указать максимальную ширину изображения (img) не в процентах, а в единицах.

Пишем в CSS:

img {max-width:574px !important; height:auto !important;)

Теперь в Opera та же страница принимает нормальный вид:

Бред? Бред! Но пусть и так, но сайт будет выглядеть удобно для посетителей. Хотя, понятие uCoz и удобство посетителей – это нечто несовместимое. Если вы, конечно, не собираетесь вваливать кучу денег для отключения рекламы, которые можно было бы потратить на приличный хостинг.