Новая тема   Ответить

 =ZeD=
Гуру, подскажите, как можно изменить ширину пикчи на странице средствами CSS, учитывая, что менять размеры только у тех, у которых ширина превышает заданную?
Или это невозможно?

Общая суть в том, что есть блог в две колонки. И в ту и в другую вставляются иногд картинки. И если, например, в левой колонке картинка шириной в 1000 пикс, то появляется гориз. прокрутка, что Очень неудобно.

Какой тут может быть выход?

Всем отсыплю кармы

 ТВЭЛ
Для нормальных браузеров должна сработать конструкция
{max-width: skolkonadoXXpx;} но у большинства эксплорер...

 ТВЭЛ
Для ИЕ можно попробовать хак expression, примерно так:
Первым должно идти свойство max-width нормальное, как в предыдущем посте.
{width: expression(((document.documentElement.clientWidth || document.body.clientWidth) > 1000)? "1000px" : "100%");

Но это я так, на память написал - обычно такое не делаю. Поэтому лучше поюзай Yandex или Google по запросу "CSS expression".

 pierx
статика?
высота тоже разная, как я понимаю?

 ТВЭЛ
pierx, а ведь верное замечание! :) Блин, спать мне уже пора. Про высоту я и забыл, нахрен. Понасоветовал человеку, а с моим методом картинки будут искажаться, скорей всего.

Тогда предлагаю альтернативный вариант: заключать картинки в div у которого будет такой стиль: { overflow: hidden; max-width: 1000px;}. Тогда лишняя часть картинки будет просто обрезаться справа.

 pierx
Не, в нормальных браузерах не будет искажаться, если по max-width - они и высоту подгонят. Я юзал

 =ZeD=
Блин, похоже работает. Только надо на Нетскейпе еще протестить. Блин, давно зарекался выучить CSS, но все руки не доходят

Благодарю! Всем рейтинг на мах проставил