Верстка макета (Sapfire)

[Feers1de]

Привет всем!

Я верстаю макет для Lineage 2 сервера под Stress Web. Я поделил документ (шапка+футер) на 3 части(1 часть: _http://sapfire-grs.ru/la2-ion/templates/la2-ion/images/left.png, 2 часть: _http://sapfire-grs.ru/la2-ion/templates/la2-ion/images/center.png, 3 часть: _http://sapfire-grs.ru/la2-ion/templates/la2-ion/images/right.png). Мне необходимо, чтобы все эти три части были как одно целое и занимали весь документ (необходимо для экранов с разрешениями 1024x600).

Содержимое css:

html, body {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	color: black;
	font-size: 11px
	font-family: Tahoma, Arial;
	background: white;
}
img {
	border: none;
}
a:hover {
	color: #ff9601;
	text-decoration: none;
}
a:link {
	color: #ff9601;
}
.left_content {
float: left;
width: 25%;
background: url(http://sapfire-grs.ru/la2-ion/templates/la2-ion/images/center.png) repeat-y;
}

.center_content {
width: 50%;
background: url(http://sapfire-grs.ru/la2-ion/templates/la2-ion/images/left.png) repeat-y;
}

.right_content {
float: right;
width: 25%;
background: url(http://sapfire-grs.ru/la2-ion/templates/la2-ion/images/right.png) repeat-y;
}

Но увы, изображения не отображаются. Ссылка на сайт: _http://sapfire-grs.ru/la2-ion/. Не обращайте внимание на этот ужас, я только начал делать. В хтмл и ксс я не профессионал.

p.s. я смотрел с браузера FF 5.0.

Edited July 7, 2011 by Sapfire

[Golgi]

а может попробуешь все-таки написать в div? а то он пустой,

[Feers1de]

а может попробуешь все-таки написать в div? а то он пустой,

Что именно написать? И где?

[Golgi]

<div class="right_content"> </div> Это у тебя

А надо <div class="right_content"> Трая лял ял</div>

[Feers1de]

Немного по-другому расположил блоки.

Содержание style.css:

.footer_column {
width: 100%;
margin-top: 12%;
background: url(http://sapfire-grs.ru/la2-ion/templates/la2-ion/images/footer_column.png);
}

Почему у меня конец футера обрезан?

Edited July 7, 2011 by Sapfire

[Golgi]

сталкивался я с таким обрезанием футера.

Решил проблему так:

Элементу который выше футера задал margin-bottom и все встало на свои места. По экспериментируйте

[Feers1de]

Верстаю верстаю (Под Stress Web 11.0), и никак не получается правильно разбить макет на блоки (всегда криво получается). Как правильно это сделать? Очень прошу помочь. Вот сам макет.

Edited July 7, 2011 by Sapfire

[Golgi]

у тебя есть само фоновое изображение? Т.е. PSD есть макета?

Если да, то тут дел не так уж и много

[Feers1de]

у тебя есть само фоновое изображение? Т.е. PSD есть макета?

Если да, то тут дел не так уж и много

Да. Есть. Как мне лучше сделать? На две части сначало разделить (на хедер и футер)? Или же сразу обрезать целое изображение и делать фоновым? Просто боюсь сайт не резиновым будет.

[Golgi]

ну вообще конечно стоит в твоем случае сделать одной картинкой.

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

[Feers1de]

ну вообще конечно стоит в твоем случае сделать одной картинкой.

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

Увы, JS я не знаю вовсе.

[Golgi]

javascript.ru тебе в помощь