Проблемы с резиновой шапкой

[students]

Добрый день.

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

http://www.zaria15.ru/

[pdbq]

Добрый день.

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

http://www.zaria15.ru/

я думаю что единственное что вам поможет это зафиксировать min-width своего основного дива. в таком случае будет появляться прокрутка при уменьшении браузера(как у многих других), но это думаю не страшно. главное не задавать слишком большой размер

[skoch244]

Если честно не вижу смысла разделять картинку, разных ссылок не имеют, зачем резоть то надо было если не секрет?

[students]

А как сделать ее тогда резиновой, если не резать?

[pdbq]

А как сделать ее тогда резиновой, если не резать?

<div id='шапка'>
<div>

#шапка{
background: url(рисунок);
height: 300px;
width: auto;
}

думаю так

Edited December 13, 2011 by pdbq

[students]

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

Желательно показать код как это сделать.

Edited December 14, 2011 by students

[necro]

Правильно в 1 див запихнул 2 картинки. Сделай 2 дива и не в img пропиши а в background эти картинки.

[Temiks]

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

Желательно показать код как это сделать.

можно еще попробовать сделать так,

или сделать, как предлагал pdbq с минимальной шириной

[Magneto]

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