Картинка в резиновой верстке

[lulica]

Помогите советом новичку. При изменении окна браузера все растягивается и сужается как надо, а картинки нет. Что делать? Я уже каждой картинке прописывала width:%; и тд.

[Vlad]

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

[lulica]

а что делать тогда?

[Vlad]

Приведите рисунок желаемого макета, подскажем, как лучше поступить.

[lulica]

волнистая картинка получается обрубаеться и не тянется

остальные картинки остаются прежними при изменении окна браузера, а расстояние между ними меняется

Edited February 18, 2011 by lulica

[Vlad]

Два варианта в ходу:

1. Сделать рисунок волнистой линии очень широким ~2000-2500 пикселов, вставить его фоном. На любых мониторах то что не влезет на экран будет обрезано.

2. Сделать рисунок повторяемым. Надо вырезать такой фрагмент, чтобы при его повторе справа (и соответственно слева) создавался эффект единой картинки. Это еще называется "бесшовная текстура".

[lulica]

спасибо. а как быть с остальными картинками?

[swetlana]

А остальные картинки оставить как есть.

При масштабировании они могу терять качество и пропорции.

[lulica]

спасибо за ответы

[lulica]

Не могу разобраться...при расширении монитора 1280px страница выглядит так

а при сужении вот так

все поехало ...... в чем секрет?

Edited February 19, 2011 by lulica

[Vlad]

Используйте min-width

[lulica]

прописан уже был , с ним все плывет

#wrapper {
	width: 100%;
	min-width: 900px;
	margin:0 auto;
}

Edited February 19, 2011 by lulica

[swetlana]

Ссылку на страничку в студию!

[psywalker]

прописан уже был , с ним все плывет

#wrapper {
	width: 100%;
	min-width: 900px;
	margin:0 auto;
}

Случайно ли не в ИЕ6 балуетесь?