Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

растягивание div в зависимости от другого div

Обсуждение темы растягивание div в зависимости от другого div в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Подскажите, пожалуйста, каким образом можно реализовать следующую вещь: Код HTML: #up { min-height: 500px; float: right; background-color: red;} #down { min-height: 700px; float: ...


Закрытая тема
 
Опции темы
Старый 13.05.2012, 01:27   #1
Подскажите, пожалуйста, каким образом можно реализовать следующую вещь:

Код HTML:
#up
{ min-height: 500px; float: right; background-color: red;}
#down
{ min-height: 700px; float: left; background-color: green;}
#all
{ min-height: 600px;  background-color: black;}
Код HTML:
<div id="all">	
	<div id="up">
	</div>
	<div id="down">
	</div>

</div>
Нужно чтобы черный общий блок менял высоту в зависимости от высоты зеленого?
 
Старый 13.05.2012, 01:27
Ссылки
Старый 13.05.2012, 03:30   #2
не понял вопроса
 
Старый 13.05.2012, 03:40   #3
просто голову сломал... скажу вот как в коде:

Код HTML:
	<div id="all_page">
		<img src="images/background.png"  height="927" width="960"> 
		<div id="header">
		</div>
		<div id="container">
		</div>
	</div>
и

Код HTML:
#all_page
{
	background-image:  url(images/res_7.png) ;
	border: 1px solid;
	width: 960px;
	min-height: 927px;
	height: 100%;
	margin: 0 auto;
	padding: 0px;
	text-align: left;	

}

#header
{
	position: absolute;
	top: 0px;
	width: 960px;
	height: 153px;
 	margin: 0px;
	padding: 0px;
	background-color: blue ;
}



#container
{
	border: 1px solid red;
	position: absolute;	
	top: 153px;
	height:1900px;
	width: 960px;
	
}
смысл в том, что нужно чтобы внутри именно главного div была некая фоновая картинка неповторяющаяся, а под ней, если высота страницы будет того требовать, уже плиткой-фоном шла другая картинка. На фоне всего этого будут позиционироваться другие блоки.

В примере выше все работает, но вот только div "all_page" не растягивается, и как следствие не заполняется желаемым фоном, если height дивки "container" превышает min-height div "all_page". Помогите, пожалуйста!

В боди ничего вешать фонового нельзя - он уже имеет фон определенного цвета, а логика задачи не позваляет фоном разместить требуемую картинку. Гипотетически, если бы посредством боди можно былобы организовать однотонный фон на всю ширину окна (для любого разрешения), а на фон поставить определенную картинку по-центру, то тогда бы задача скорее всего разрешилась. Можно было бы отказаться от некоторых position в div'ках...
 
Старый 13.05.2012, 04:00   #4
Код:
<div id="all_page">
              <div id="background">
		<div id="header">
		</div>
		<div id="container">
		</div>
              </div>
	</div>
далее в CSS диву "all_page" прописываете фоном картинку без повтора, а диву "background" другую картинку,если нужно с указаным повтором по х или по у, и позиционаруете див "background" под картинку первого дива
 
Этот пользователь сказал спасибо Aldes за это полезное сообщение:
Serial (13.05.2012)
Старый 13.05.2012, 04:00
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
автозаполнение формы в зависимости от варианта ее вызова vitaly-go HTML, CSS, JavaScript 0 18.11.2014 17:39
Подгрузка CSS в зависимости от URL volFernion HTML, CSS, JavaScript 6 23.08.2010 06:54
выдача в зависимости от региона Mihalich41 Поисковые системы 1 24.06.2010 08:11
Растягивание изображений Soulkeeper HTML, CSS, JavaScript 4 17.08.2009 10:51
Растягивание div Света HTML, CSS, JavaScript 2 09.01.2008 20:20


Текущее время: 06:26. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум