блоки изменяющиеся под размер окна - Вопросы по CSS

здравствуйте.подскажите пожалуйста что и как подправить в CSS чтобы боковые блоки (ну вот как каталог,или реклама на моем сайте) уменьшались в размере при уменьшении окна.ато если малое разрешение монитора то они залазят на статью.
вот этот сайт http://bymashina.ru/ зарание спасибо

Это не блоки залазят на статью, это у Вас картинка не помещается.

Размер катинки должет быть таким, чтобы помещался в минимальный размер шаблона. То есть Вам нужно задать min-width для шаблона и под него делать картинки. Текст автоматически подгоняется под размер центрального контейнера, а картинка не помещается.

min-width стоит 900px
а можно сделать чтобы сама картинка уменьшалась?

min-width стоит 900px
а можно сделать чтобы сама картинка уменьшалась?

.

можно попробовать с помощью javascript или задать размеры в процентах

как указать картинке проценты или чтоб она не выходила за границу текста?

Делается через CSS media queries . Гуглите responsible design - на хабре неделю назад где-то пару постов проскальзывало.

там же вроде для мобил.ну почитаю.буду думать

нет.выхода пока не нашел.последняя проблема с сайтом.эх

пропишите min-width для body. Укажите width: 100% для картинки. Укажите max-width: реальный_размер_картинки чтоб она не увеличивалась больше своего размера.

мг,спасибо.еще нужно max-height указывать но это сам понял.
пробывал в CSS прописать для тега img  прописать но тогда мелкие картинки увеличиваются.
может можно как нить обойти?ато прописывать для каждой картинки очень трудоемкий процесс

нет.выхода пока не нашел.последняя проблема с сайтом.эх

у меня каким-то образом картинка подгоняется с помощью CSS, вот пример

в фреймворке bootstrap было сразу такое

наверно это

Задайте большим картинкам особый класс, например stretch, а в CSS пропишите

img.stretch{
    width: 100%;
}

помогло вот это

img {
max-width: 100%;
height: auto;

спасибо всем за советы!все решилось.