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

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

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

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

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

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

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

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

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

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

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

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

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

Пишем в CSS:

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

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

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

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

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Самое интересное в блоге

Это интересно:  Если заголовок в сайдбаре смещается к картинке (исправление плагина Advanced Most Recent Posts Mod)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

шесть + 11 =