DIV + position:absolute; + height:100%;

[klierik]

Приветствую.

Задача растянуть див на всю высоту области.

решение для всех нормальных браузеров:

		div.lay div.sb-bg,
		   div.lay div.cnt-bg {
			   position: absolute;;
			   left: 0; 
			   top: 0;
			   bottom: 0;
			   height: 100%;
			   background: #1c2601;
			   width: 32.3em;
		   }

для ИЕ6:

div.lay div.sb-bg,
   div.lay div.cnt-bg { height: auto; zoom: 1; }

для ИЕ7:

	 div.lay div.sb-bg,
	 div.lay div.cnt-bg { height: auto; height: expression(this.parentNode.clientHeight+'px') }

Подскажите что-то для ИЕ7 не используя expression, пожалуйста.

спасибо

[Lincky]

Приветствую.

Задача растянуть див на всю высоту области.

решение для всех нормальных браузеров:

		div.lay div.sb-bg,
		   div.lay div.cnt-bg {
			   position: absolute;;
			   left: 0; 
			   top: 0;
			   bottom: 0;
			   height: 100%;
			   background: #1c2601;
			   width: 32.3em;
		   }

для ИЕ6:

div.lay div.sb-bg,
   div.lay div.cnt-bg { height: auto; zoom: 1; }

для ИЕ7:

	 div.lay div.sb-bg,
	 div.lay div.cnt-bg { height: auto; height: expression(this.parentNode.clientHeight+'px') }

Подскажите что-то для ИЕ7 не используя expression, пожалуйста.

спасибо

можно еще выложить html-код

[klierik]

конешно =)

			<!-- content case -->
			<div class="cnt-case lay">

				<!-- backgrounds -->
				<div class="sb-bg"></div>
				<div class="cnt-bg"></div>

				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>

			</div>

[Lincky]

спасибо, ща пошаманим))

Приветствую.

Задача растянуть див на всю высоту области.

решение для всех нормальных браузеров:

		div.lay div.sb-bg,
		   div.lay div.cnt-bg {
			   position: absolute;;
			   left: 0; 
			   top: 0;
			   bottom: 0;
			   height: 100%;
			   background: #1c2601;
			   width: 32.3em;
		   }

для ИЕ6:

div.lay div.sb-bg,
   div.lay div.cnt-bg { height: auto; zoom: 1; }

для ИЕ7:

	 div.lay div.sb-bg,
	 div.lay div.cnt-bg { height: auto; height: expression(this.parentNode.clientHeight+'px') }

Подскажите что-то для ИЕ7 не используя expression, пожалуйста.

спасибо

приведенный тобой код для ие6 и ие7 не работает...

Edited May 15, 2009 by Lincky

[klierik]

работает под разными браузерами и 3 троих разработчиков

в общем css убери bottom: 0;

а для ие дополнительно вообще ничего не надо)))

bottom надо для ИЕ6/FF/etc

высоту можно убрать, она мало чего ту решает.

суть не в том что убирать, а в том как сделать что бы заработал ИЕ7 без expression

[Lincky]

работает под разными браузерами и 3 троих разработчиков

странно...да ладно....

вот, что у меня вышоло:

в общем css убери bottom: 0;

а отдленые для ие-шек стили вообще не пиши

[klierik]

в таком случае работает среди линейки ИЕ только сИЕ8 )

[Lincky]

в таком случае работает среди линейки ИЕ только сИЕ8 )

точно проверь...

    div.lay div.sb-bg,
           div.lay div.cnt-bg {
               position: absolute;
               left: 0;
               top: 0;
               height: 100%;
               background: #1c2601;
               width: 32.3em;
           }

Edited May 15, 2009 by Lincky

[klierik]

так.. безобразие....

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

[Lincky]

так.. безобразие....

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

не понял, по подробнее

[Nekromancer]

ие6 не понимает задание позиционирования с двух сторон, в то время как ие7 уже понимает, но только в этом случае 100% высоты ставить не надо, а нужно ауто.

для ие6 уже пишется "выражение"

[psywalker]

Nekromancer

дружище, в ие7 будет работать даже без height: expression(this.parentNode.clientHeight+'px') ?, просто ауто лупануть ему?

[Nekromancer]

да.

<div style="position: absolute; top: 0; bottom: 0; left: 0; width: 50px; height: auto; background: red;"></div>

Edited May 15, 2009 by Nekromancer

[psywalker]

ага, точняк, пасиб... слушай, в ИЕ7 заработало, а в ИЕ6 не хочет, подскажи, что там надо писать?

[Nekromancer]

body, html {height: 100%; margin: 0; padding: 0;}
* html #vasea {
height: expression(document.body.clientHeight+'px'); /* Либо айди туда :) */
}
#vasea {
position: absolute; top: 0; bottom: 0; left: 0; width: 50px; height: auto; background: red;
}
<div id="vasea"></div>

П.С. с начала малость ошибся, сейчас поправил

Edited May 15, 2009 by Nekromancer

[psywalker]

ааа, воо, ничтяк, спасибо дружище, выручил

Слушай, а эту тему можно так с любым блоком провернуть, и неважно где он находится?

Edited May 15, 2009 by psywalker

[Nekromancer]

ну только если родитель либо релатив либо абсолют

[psywalker]

ок, хорошая штука, буду знать теперь