Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Размер картинки при изменении размера окнаБраузера

Автор: NaglfarNight 29.11.2009, 05:20

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

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

http://www.tommunro.com/photography
Вот в этом примере - то, что нужно. Изображение крупного разрешения, и если менять размер окна - картинка сама меняется без обрезки и без изменения качества.
Как это сделать?

Автор: 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

Код


  <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>