html, css, div и бекграунды

****Ice_Man**** · 04.02.2011, 02:24

Юра обращаюсь к тебе за помощью так как толи парюсь уже толи хз че короч.

Вообщем есть один <div> </div> как добавить в него 2 картинки бекграунда да так чтобы одна была привязана к верху дива а другая к низу. Блин голову уже сломал с этой задачкой (

PROGRAMMATOR · 04.02.2011, 11:17

В одному элементу привязать 2 разных background не получится. Выход, делаем так:

Код HTML:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
* { border: 0; margin: 0; padding: 0; }
#main { margin: 0 auto; width: 1000px; }
#main #header { background: #fff url(header.jpg) no-repeat 0 0; height: 625px; }
#main #content { height: 700px;  }
#main #footer { background: #fff url(footer.jpg) no-repeat 0 0; height: 102px; }
</style>
</head>

<body>
<div id="main">
  <div id="header">
  
  </div>
  
  <div id="content">
  
  </div>
  
  <div id="footer">
  
  </div>
</div>
</body>
</html>

Верхний background без разницы к чему установить, это может быть body, #main или #header. Пример http://www.seomax.info/html/background/ Если речь о каком-то блоке, то в любом случае придется в нижнюю часть добавить еще один элемент.

****Ice_Man**** · 06.02.2011, 01:09

Цитата:

Сообщение от PROGRAMMATOR

В одному элементу привязать 2 разных background не получится.

Юрка огромное спасибо за помощь. Ночером тупил по страшному на утро выкрутился другим способом марджинами, у меня выше в css было заданно в боды отступы всей таблице и фон просто не хотел растягиваться из за этого назначил отступы справа и слева и в оконцове получил много свободного места в диве для какой нибудь полезной информации например.
Правда мой выкрутас с margine меня немного напрягает мб есть у тебя есть другое решение для данной проблемы.

P.S. В аську ответь плиз хоть подай знак, что жив чет молчишь как партизан.

04.02.2011, 02:24	#1
**Ice_Man** Пользователь Регистрация: 01.12.2007 Сообщений: 33 Отблагодарили 2 раз(а) Рейтинг мнений:	html, css, div и бекграунды Юра обращаюсь к тебе за помощью так как толи парюсь уже толи хз че короч. Вообщем есть один <div> </div> как добавить в него 2 картинки бекграунда да так чтобы одна была привязана к верху дива а другая к низу. Блин голову уже сломал с этой задачкой (

04.02.2011, 11:17	#2
PROGRAMMATOR Администратор Регистрация: 09.11.2007 Адрес: Украина, Кривбасс Возраст: 38 Сообщений: 6,377 Отблагодарили 3,722 раз(а) Рейтинг мнений: 578	Re: html, css, div и бекграунды В одному элементу привязать 2 разных background не получится. Выход, делаем так: Код HTML: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> <style type="text/css"> * { border: 0; margin: 0; padding: 0; } #main { margin: 0 auto; width: 1000px; } #main #header { background: #fff url(header.jpg) no-repeat 0 0; height: 625px; } #main #content { height: 700px; } #main #footer { background: #fff url(footer.jpg) no-repeat 0 0; height: 102px; } </style> </head> <body> <div id="main"> <div id="header"> </div> <div id="content"> </div> <div id="footer"> </div> </div> </body> </html> Верхний background без разницы к чему установить, это может быть body, #main или #header. Пример http://www.seomax.info/html/background/ Если речь о каком-то блоке, то в любом случае придется в нижнюю часть добавить еще один элемент. __________________ composer require laravel/framework yarn add vue

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
HTML- ява	SkyWard	Lineage II	37	03.05.2010 09:18
Html	lRedl	Lineage II	5	21.04.2010 22:39
HTML	Romanz	Документация	4	19.03.2010 02:35
HTML: data/html/merchant/xxxx.htm	esdsnake	Работа со скриптами	2	27.01.2010 23:59
html	SkyWard	Архив	0	18.01.2010 01:08

Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)