2 фона как сделать?

4

sollevar

12 ноября 2009, 08:51

2886

Вот. Неоднократно сталкивался с такой проблемой. Нужно на body сделать два фона(background) от края до края. Вот не знаю, что делать. вот шаблон. http://i075.radikal.ru/0911/1c/01c0ed69e401.jpg

Как вы видите, там сверзу и снизу. Одной картинкой - вес большой, а гифом не сделаешь её, качество утеряется.Собсно, я хотел сделать * { margin:0;} что то вроде, потом к футеру нижний бг прилепить, но сам сайт по центру стоит, тогда он съедет.

Продаю ссылки по 15$ навсегда со всех страниц. (http://mastertalk.ru/topic100716.html)

569

Dreammaker

12 ноября 2009, 08:53

#1

попробуйте сделать один бекграунд к body, второй к html.

15

ein

12 ноября 2009, 09:03

#2

sollevar, оптимальный вариант сделать 2 дива, с position: absolute и z-index: -1

DOM:


<html>
<head>
</head>
<body>

<div style="position:relative;">
 <div class="bg1"></div>
</div>

$CONTENT$

<div style="position:relative;">
 <div class="bg2"></div>
</div>

</body>
</html>

Лучший развлекательный конверт (http://bodyclick.net/?r=12264)

272

Алексей Барыкин

12 ноября 2009, 09:05

#3

ein:
sollevar, оптимальный вариант сделать 2 дива, с position: absolute и z-index: -1
DOM:

Оптимальный вариант указан во 2-м посте. :)

https://adminbook.ru/

15

ein

12 ноября 2009, 09:09

#4

Алексей Барыкин:
Оптимальный вариант указан во 2-м посте.

Можно и так)

S

4

sollevar

12 ноября 2009, 09:15

#5

Спасибо большое, буду пробовать. И да, я сегодня ещё обращусь.

sollevar добавил 12.11.2009 в 12:35

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

272

Алексей Барыкин

12 ноября 2009, 10:43

#6

sollevar:
Спасибо большое, буду пробовать. И да, я сегодня ещё обращусь.

sollevar добавил 12.11.2009 в 12:35
Первый вариант не пашет, там одно исключает другое. А второй вариант не получается дивы сделать с относительной позицией.

Спорнём на пончик что первый вариант пашет? И что там ничего не исключает другое?

S

4

sollevar

12 ноября 2009, 10:58

#7

body {
	background:#000 url(img/top_bg.gif) left 300px no-repeat;
}
html {
	background:url(img/bottom_bg.gif) bottom no-repeat;
}

Так?

272

Алексей Барыкин

12 ноября 2009, 11:11

#8

sollevar:

body {

	background:#000 url(img/top_bg.gif) left 300px no-repeat;

}

html {

	background:url(img/bottom_bg.gif) bottom no-repeat;

}

Так?

угу, что то вроде этого

S

4

sollevar

12 ноября 2009, 11:13

#9

Это не работает. Убираю body, фон появляется внизу, т.е. html, убираю html, появляется фон для body

15

ein

12 ноября 2009, 11:16

#10

sollevar:
А второй вариант не получается дивы сделать с относительной позицией.

Что именно не получается?

Маркетинг для шоколадной фабрики. На 34% выше средний чек

Google: E-E-A-T не является фактором ранжирования