Проблема с блоком в 6-ом осле

Cabalist · June 27, 2009

Всем привет!Столкнулся я с очередной проблемой в ИЕ 6.

вот код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style type="text/css">
* { margin: 0px; padding: 0px; border: 0px; }	
html, body {
	height: 100%;
	background: #fff;
}
.korzina {
	width: 228px;
	min-height: 130px;
	margin-top: 36px;
	position: relative;
	z-index: 1;
	border: solid 1px #900;
	padding: 5px;
}
.blok_s_gradientom {
	height: 100%;
	width: 62px;
	position: absolute;
	right: 5px;
	top: 5px;
	background: #06C;
	opacity: 0.5;
	filter: alpha(opacity=50);
	border: solid 1px #000;
}
.your_basket {
	padding-top: 11px;
	padding-left: 13px;
	padding-bottom: 45px;
}
.your_basket h1 {
	font-size: 19px;
	margin-bottom: 8px;
}
.your_basket p {
	padding-left: 21px;
	font-size: 13px;
}
.cena {
	position: absolute;
	bottom: 0;
	width: 228px;
	margin-bottom: 9px;
}
.cena b {
	display: block;
	width: 80px;
	float: left;
	margin-left: 15px;
	display: inline;
}
.buy {
	float: right;
	width: 62px;
	height: 21px;
	display: block;
	border: solid 1px #000;
	margin-top: 10px;
	margin-right: 13px;
	display: inline;
}
</style>
</head>
<body>

	<div class="main">

		<div class="korzina">

			<div class="blok_s_gradientom"></div>

			   <div class="your_basket">

					<h1>Текст:</h1>

						<p>««Lorem ipsum dolor sit amet»»</p>
						<p>««Lorem ipsum dolor sit amet»»</p>
						<p>««Lorem ipsum dolor sit amet»»</p>
						<p>««Lorem ipsum dolor sit amet»»</p>
						<p>««Lorem ipsum dolor sit amet»»</p>
						<p>««Lorem ipsum dolor sit amet»»</p>

				</div>

				<div class="cena">

					<b>Текст</b>

					<input type="button" class="buy" value="кнопка" />

				</div>

		</div>

	</div>

</body>
</html>

Проблема заключается в следующем: <div class="blok_s_gradientom"></div> не растягивается на всю высоту блока "korzina".Собсетвенно проблема наблюдается только в ИЕ6,как это дело можно исправить?Подскажите плиз :unsure:

psywalker · June 28, 2009

попробуй напиши экспрешн для ИЕ6 и вообще поставь ещё bottom:0; нужному блоку

Cabalist · June 28, 2009

Пробовал,не выходит,может экспрешн не так пишу :unsure:

Searcher · June 29, 2009

А от чего отсчитывать 100% высоту, если в родительском блоке она не указана? Броузеры возможно ориентируются на min-height, но при превышении этого значения теоритически не должны увеличивать высоту блока blok_s_gradientom, а ИЕ6 даже min-height не понимает, так что вполне логично, что ему нужно указывать высоту родителя.

Экспрешн нужен для ИЕ для blok_s_gradientom такой height: expression(parentNode.offsetHeight+'px');

Cabalist · June 29, 2009

Searcher,спасибо огромное ваш экспрешн помог)А вот если задать высоту родительскому блоку например height: 150px; а блоку с градиентом 100% то всё равно ничего не выходит,так что я думаю экспрешн тут единственный выход

Edited June 29, 2009 by Cabalist

Searcher · June 29, 2009

должно получаться и с height:150px; только учтите, что для blok_s_gradientom при height:100%, top:5px; и border в 1px его нижняя часть будет выходить за пределы родителя на 6px.

Cabalist · June 29, 2009

с height: 150px; не получается 100% можете сами проверить)по крайней мере в моём примере.И раз уж реч зашла об экспрешенах,не подскажите ли хороший экспрешн на минимальную ширину?А то у меня "осёл" иногда вешается когда я размеры экрана уменьшаю))

Zippovich · June 29, 2009

zoom: 1 родительскому блоку решит Вашу проблему без expression

Cabalist · June 30, 2009

Zippovich,пробовал,не решает к сожалению.

Sign In

Проблема с блоком в 6-ом осле

Question

Cabalist

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

Cabalist

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Cabalist

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Cabalist

Link to comment

Share on other sites

Zippovich

Link to comment

Share on other sites

Cabalist

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information