VPF::Размер картинки при изменении размера окнаБраузера

NaglfarNight

Дата 29.11.2009, 05:20 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 53
Регистрация: 10.12.2007
Где: Россия, г. Нижний Новгород

Репутация: нет
Всего: 3

Здравствуйте.

На сайте есть изображение.
Нужно сделать так, чтобы при изменении размеров окна браузера данная картинка соответственно менялась.

Пример
Вот в этом примере - то, что нужно. Изображение крупного разрешения, и если менять размер окна - картинка сама меняется без обрезки и без изменения качества.
Как это сделать?

NaglfarNight

Дата 29.11.2009, 07:32 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Хм...
Решила вопрос очень просто: добавила картинке ширину, равную 100%

Типа такого:

Код


<img src="1.jpg" width="100%" />

Теперь меняется ссоответственно размеру окна браузера. В FF и IE работает, если конечно мне эт не снится smile

Только вот IE (как обычно) всё портит - искажает картинку, вернее её качество, конечно терпимо, но заметно.
Может кто подскажет, как заставить его показывать изображение 100% качества без ужимок?

Gmаn

Дата 29.11.2009, 14:14 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 6
Регистрация: 29.11.2009
Где: Одинцово

Репутация: нет
Всего: нет

Код


  <style>
  body, html {height: 100%; width: 100%;}
  div {
    background: url(http://img-fotki.yandex.ru/get/4004/m-mat2009.0/0_1d860_d1fd7cf1_L.jpg) no-repeat 50% 50%;
    float: left;
    width:50%;
    height:50%;
  }
  </style>
</head>

<body>
  <div></div>
</body>

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »