left и right ie6

Veseloff · September 23, 2010

Одновременно не работают left и right при абсолютном позиционировании в шестом осле. Есть какие-то хаки? Суть в том, что надо сделать блок так, чтобы он и справа и слева отступал на несколько пикселей. Пока решил проблему двумя блоками по 51%, но это мне не очень нравится.

psywalker · September 23, 2010

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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">
		*{ padding: 0; margin: 0;}

		/* Нужно что-бы блок <div class="content"></div>:
			1. Имел одновременно левый и правый отступы
			2. Вобщем точно так же, как и в Файрфоксе, так же должно быть и в ИЕ6
		*/

		div.wrap {
				position: relative;
				width: 500px;
				height: 500px;
				margin: 20px auto;
				border: 1px solid #000;
		}
			div.content {
					position: absolute;
					height: 100px;
					left: 50px;
					right: 50px;
					background: red;
					_width: expression(this.parentNode.offsetWidth-50-50+'px');
			}

	</style>
</head>

<body>

		<div class="wrap">

			<div class="content"></div>

						  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>

  <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper 
  suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
  <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper 
  suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
  <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper 
  suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>

  <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper 
  suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>


		</div>


</body>
</html>

Veseloff · September 23, 2010

Премного благодарю — всё как следует заработало.

psywalker · September 23, 2010

всё как следует заработало.

А у нас по другому и быть не может

Great Rash · September 24, 2010

_width: expression(this.parentNode.offsetWidth-50-50+'px')

psywalker, а почему не написать this.parentNode.offsetWidth-100? Так просто интересно...

psywalker · September 24, 2010

psywalker, а почему не написать this.parentNode.offsetWidth-100? Так просто интересно...

Потому-что я вообще не понимаю, что это означает

Sign In

left и right ie6

Question

Veseloff

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

Veseloff

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information