Перейти к содержимому


Пользователь месяца
OlgaGetman OlgaGetman 1-й за Декабрь
Очков активности: 2100 10 тем, 170 сообщений, 7 баллов репутации
ТОП самых активных за этот месяц
  • Фотография Ixman
    #1

    Ixman (o5cat.ru)
    Очков активности: 172.5 Вне конкурса за определение пользователя месяца

  • Фотография Андрей WPMasterKZ
    #2

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 97.5 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #3

    BLIK
    Очков активности: 85.5 0 тем, 19 сообщений, 3 балла репутации

  • Фотография OlgaGetman
    #4

    OlgaGetman
    Очков активности: 69 Вне конкурса за определение пользователя месяца

  • Фотография Mandarin
    #5

    Mandarin
    Очков активности: 52.5 0 тем, 35 сообщений, 1 балл репутации

  • Фотография TimurR
    #6

    TimurR
    Очков активности: 49.5 Вне конкурса за определение пользователя месяца

  • Фотография Constantine
    #7

    Constantine
    Очков активности: 48 5 тем, 17 сообщений, 1 балл репутации

  • Фотография magnet
    #8

    magnet (rbfxdirect.com)
    Очков активности: 30 0 тем, 10 сообщений, 2 балла репутации

  • Фотография Алексей111
    #9

    Алексей111 (xvideo24.ru)
    Очков активности: 28.5 2 темы, 13 сообщений, 1 балл репутации

  • Фотография ShowPrint
    #10

    ShowPrint (ShowPrint.ru)
    Очков активности: 27 Вне конкурса за определение пользователя месяца

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 25.12.2018
  • Яндекс выдача: 20.01.2019
Топ 5 участников по репутации


Масштабирование изображений в CSS

#1 Гость_forsite_*

Гость_forsite_*
  • Гости
0

Отправлено 03 November 2008 - 11:59

Коллеги,

Мне необходимо добиться того, чтобы при изменении размеров окна браузера на стороне пользователя менялся бы и размер картинок на сайте. Причём, менялся бы не только по ширине, но и по высоте (то есть чтобы можно было добиться непропорционального изменения размеров картинки - например, "сплюснуть" их по высоте). В Quirks-режиме это достигается достаточно легко:

<div style="width: 25%; height: 30%">
<img src="menu1.gif" width="100%" height="100%">
</div>

При добавлении же doctype strict.dtd или loose.dtd размер картинок на сайте реагирует только на изменениие ширины браузера: меняется ширина картинок, а высота подгоняется автоматически. То есть картинки только масштабируются, и браузер не дает их менять непропорционально (то есть, например, "сплюснуть" их по ширине или "высоте").

Я нигде не нашел прямого подтверждения, но предполагаю, что это требование strict-стандарта. Если это так, то можно ли каким-то альтернативным способом добиться в css, чтобы картинки реагировали на изменение не только ширины, но и высоты окна браузера? Конечно, это можно сделать через JavaScript, но хотелось обойтись более простыми средствами.

Заранее благодарен за идеи.

 

 

  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru