Вписать один слой в другой

Колос · December 16, 2008

Можно ли вписать один слой в другой. То есть сделать так, чтобы границы внутреннего прилегали к границам внешнего. Если размеры внешнего жёстко не заданы.

?

s0rr0w · December 16, 2008

Можно ли вписать один слой в другой. То есть сделать так, чтобы границы внутреннего прилегали к границам внешнего. Если размеры внешнего жёстко не заданы.
?

<div><div>Один слой вписан в другой. </div></div>

Victor Ananiev · December 16, 2008

а высоту? или я не понял)

s0rr0w · December 16, 2008

а высоту? или я не понял)

...Если размеры внешнего жёстко не заданы...

Колос · December 17, 2008

Неправильно задал вопрос. Нужна помощь в следующем примере.

<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<style>
	#div1
	{
	  border:solid 1px #999999;
	  position:absolute;
	  top:0px;
	  bottom:500px; 
	  width:50%;
	} 
	#div2
	{
	  border:solid 1px blue;
	  height:100%;
	  width:auto;
	  float:left;
	  padding:10px;
	}
	</style>
  </head>
  <body>  
	<div id="div1">
	  <div id="div2">
		aaa
	  </div>
	</div>
  </body>
</html>

Нужно чтобы внутренний слой по высоте вписывался во внешний.

Searcher · December 17, 2008

это хороший примерчик, откуда можно взять идею

Колос · December 17, 2008

Пока не доходит ....

Там не похоже на мой пример

Что именно там, думаешь, мне может помочь?

Searcher · December 17, 2008

ваш код в IE работает не так, как вы хотите, IE не понимает одновременного указания top и bottom, в этом мой пример вам поможет ))

а зачем float? если его убрать, то все будет растягиваться, ну или width:100% поставить

Edited December 17, 2008 by Searcher

Колос · December 17, 2008

Вопрос в том, что из-за паддинга во внутреннем слое этот внутренний слой становится по высоте больше чем внешний.

Searcher · December 17, 2008

Кстати, к 100% высоты прибавляется еще padding:10px, и тогда внутренний див вываливается из родителя. Тут решение зависит уже от вашей задачи. Либо у внутреннего дива padding:0; и margin:10px; у внутренних параграфов и т.п., либо 95%, например, ставить высоту и ширину внутреннего дива, либо еще куча разных решений...

например так:

<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<style>
	#div1
	{
	  border:solid 1px #999999;
	  position:absolute;
	  top:0px;
	  bottom:500px;
	  width:50%;
	}
	#div2
	{
	  border:solid 1px blue;
	position:relative;
	top:4%;
	  height:92%;
	margin: 0 10px 0 10px;
	}
	</style>
  </head>
  <body>  
	<div id="div1">
	  <div id="div2">
		aaa<br>
	erijgerj<br>
	eo[rijt<br>
	  </div>
	</div>
  </body>
</html>

Но внешний див подгоните под IE, как в примере, который я давал раньше.

кстати, к высоте не только паддинг прибавляется, но еще и толщина рамки :angry:

Колос · December 17, 2008

Проценты плохо.

Замена паддинга маргином не подходит, так как важен цвет фона слоя.

Другой способ: убрать паддинг, а поставить маргин у слоя, который будет внутри div2 - не подходит, так как дает такое же растяжение.

Ещё способ: добавить слой между div1 и div2, у которого bottom:20px. В данном случае это помогает. Но в действительном шаблоне у меня справа от div2 ещё шаблоны и этот способ не проходит.

Пока думаю ...

Searcher · December 17, 2008

тогда еще такой вариант:

<!-- Put IE into quirks mode -->
<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<style>

	* {padding:0; margin:0; border:none;}

	body, html {
	width:100%;
	height:100%; 
	padding:0;
	margin:0;
	}

	#div1 {
	  display:block;
	  background-color:#00F;
	  position:absolute;
	  overflow:hidden;
	  left:25%;
	  top:70px;
	  bottom:100px;
	  width:50%;
	}

	* html #div1 {
	  border-top:70px solid white;
	  border-bottom:100px solid white;
	  top:0; 
	  bottom:0; 
	  height:100%;
	}

	#div2 {
	  background-color:#DDD;
	  position:absolute;
	  overflow:hidden;
	  top:10px;
	  width:200px;
	  bottom:10px;
	  margin: 0 10px 0 10px;
	}

	* html #div2 {
	  border-top:10px solid #00F;
	  border-bottom:10px solid #00F;
	  top:0; 
	  bottom:0; 
	  height:100%;
	}

	#divright {
	  position:absolute;
	  background-color:#DDD;
	  overflow:hidden;
	  left:220px;
	  right:10px;
	  top:10px;
	  bottom:10px;
	}

	* html #divright {
	  border-top:10px solid #00F;
	  border-bottom:10px solid #00F;
	  top:0; 
	  bottom:0; 
	  height:100%;
	}

	</style>
  </head>
  <body>  
	<div id="div1">

	  <div id="divright">
Власти США сообщили, что по методике расчета при фактическом поступлении денег или их трате дефицит достиг абсолютного максимума и составил 3,2% от ВВП. Прежний пик был зафиксирован по итогам 2004 финансового года и составил тогда 413 млрд долл. В 2007 финансовом году расходы государства превысили его доходы лишь на 162 млрд долл. Двенадцать лет назад конгресс приказал правительству применять также корпоративную методику начисления, более понятную для бизнеса. Выходит, если учесть суммы, которые еще не пришли или не ушли, то по итогам предкризисного финансового года дефицит перевалил за триллион.
Предстоящий 2009 финансовый год выдаст и вовсе фантастическую цифру: даже по некорпоративной фактической бухгалтерии она превысит 1 трлн долл. Сумма уже охватывает период осеннего коллапса финансового сектора Америки. Спасение Fannie Mae, Freddie Mac и других пострадавших, а также утверждение конгрессом экстренного плана на 700 млрд долл. произошли уже в 2009 финансовом году. Проблемы в американской экономике привели к росту банкротств за отчетный период на 30%, до 1,04 млн случаев. В последнем квартале, который теперь тоже пойдет в 2009 год, зафиксировано резкое учащение разорений — о несостоятельности сообщило на 60% компаний больше. Многих американское государство готово уберечь от банкротства (например, автокомпании), и это тоже будет стоить денег.
О том, к чему приведет увеличение бюджетного дефицита США, экономисты рассуждают тревожным шепотом. Ведь на покрытие потребуются колоссальные средства, а следовательно, вырастет госдолг, который за восемь лет президентства Джорджа Буша удвоился — с 5,73 трлн до 10,66 трлн долл. «Региональные бюджеты тоже испытывают дефицит, и они начнут обращаться за деньгами к федеральному в феврале, — сказал РБК daily директор института CEMI-EHESS Жак Сапир. — К концу этого финансового года федеральный дефицит приблизится к 1,4 трлн долл., а это по меньшей мере 10% от ВВП. Но мы еще не знаем глубины рецессии и того, насколько сократится налоговая база, а тратить ведь придется больше».
Ожидается также увеличение активов ФРС США, которые сейчас составляют 2,26 трлн долл. Американский центробанк готовится к самому смелому эксперименту за всю 94-летнюю историю: он будет активно кредитовать дешевыми деньгами, используя свои активы в качестве основного ин-струмента монетарной политики. Для этого вчера ФРС намеревалась наполовину снизить базовую процентную ставку, до 0,5%, сделав ее рекордно минимальной. 
	  </div>

	  <div id="div2">
Дефицит федерального бюджета США в 2008 финансовом году, который завершился 30 сентября, составил 1,01 трлн долл., если государство будет применять для исчисления суммы методики расчетов, принятые в частных компаниях. Подсчет поступающих средств и расходования денег по принципу начисления выдает гораздо большую сумму, чем при учете только фактических платежей — по последней методике дефицит составит 455 млрд долл. Министерство финансов и административно-бюджетное управление Белого дома заявили, что в любом случае поставлен рекорд, причем еще без учета спасения Уолл-стрит.
	  </div>

	</div>
  </body>
</html>

Edited December 17, 2008 by Searcher

Sign In

Вписать один слой в другой

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information