Парни помогите с шапкой сайта

[kraskarat1 0]

Добрый день.

Помогите пожалуйста.

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

Помогите пожалуйста.

У меня шапка из двух файлов состоит himage1.png и himage.png

В файле styles.css вот что прописано

.searchbar .lbtn input:hover {

background-position : -27px -27px;

}

.himage .himage .himage {

background : url("../images/himage1.png ") no-repeat 100% 0%;

}

.himage h2 {

margin-top : 28px;

float : left;

font : 1.5em/22px sans-serif;

color : #fff;

}

.himage {

height : 129px;

background : url("../images/himage.png") no-repeat;

}

.himage .himage {

background-position : 100% -129px;

}

Как сделать, что бы обрезка шапки при разном масштабе не происходила?

[WWW.ZEOS.IN 1 161]

Не надо делать одну широченную картинку. Разрежьте их и сделайте короче, а свободное место закрасьте каким-то цветом или повторяющимся фоном

[kraskarat1 0]

Не надо делать одну широченную картинку. Разрежьте их и сделайте короче, а свободное место закрасьте каким-то цветом или повторяющимся фоном

Как в моем варианте поступить вот у меня есть один файл himage1.png (файл архива)

Как его можно разрезать и прописать код?

http://ifolder.ru/25925816

[WWW.ZEOS.IN 1 161]

Например как-то так:

<div тут общий фон>

		<div тут фон первой части картинки с no-repeat и позицией top left>

				<div тут фон второй части картинки с no-repeat и позицией top right>

						Тут всё остальное

				</div>

		</div>

</div>

[inokentik 45]

Можно например эту шапку разрезать на 3 части, левую и правую сделать выравнивание по бокам, а центр залить белым фоном. Ну а третья картинка сделать в виде дива и отпозиционировать по центру, тогда при любом разрешении все будет смотреться красиво