no expression

Fri, 03 Oct 2008 01:42:30 GMT

�� expression �� max/min-width � �� IE6, �� . �� . ��, �� .

�� , �� max/min-width.

�� "�� ". �� Internet Explorer � �� -��, �� .

�� , �� , � �� -�� �� Gordi.

�� #middle �� "�� ".

�� :


<div id="middle">

    <div class="wrap">

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

    </div>

    <div class="right">Middle Right</div>

    <div class="left">Middle Lef></div>

  </div>

�� max/min-width �� :


<div class="main">

  ��� ���� #middle �� �����  ������ ����������

</div>

��:


/* NO */

* {margin:0;padding:0;}

*html .main {float:right;}/ * ��� ����� � IE6 ������ ������ */

#middle,

.wrap,

.content,

.left,

.right {overflow:hidden;}

#middle,.wrap {height:100%;}

.wrap {margin-right:-100%;width:100%;}

.wrap,.left {float:left;}

.left,

.right {margin-bottom:-32767px;padding-bottom:32767px;}

.right {float:right;}

/* YES */

body {background-color:#eee;font:11px/1.18 verdana;}

body {

  margin:5px 2%;/* 2% max-width */

  padding:0 0 0 700px;/* min-width */

}

.main {

  border:silver 1px solid;

  margin:0 0 0 -700px;/* min-width */

}

#middle {background-color:#fff;}

.content {padding:0 200px;}

.left {background:#eee;width:200px;}

.right {background:#ddd;width:200px;}

�� , �� :)

�� , �� no expression_middle

�� "Footer Gordi", �� , �� - �� no expression_footer.

�� , �� , �� :)

� �� footer-��, �� , �� :) �� .

� �� , �� main �� , �� . �� IE6, � ��-�� -��, � �� , �� . � �� FireFox2(3) � OPERA9.23(9.5) �� .

�� , �� no expression_html_body

�� .

�� , �� expression, �� , �� .

�� "��" �� - ��.

Trifler Blog

no expression