��

Sat, 28 Mar 2009 22:29:25 GMT

��, ��

��, �� ��, �� , �� , � �� , �� .

��, �� , �� , �� , �� "��". �� , �� /��.

�� , �� IE, �� (CC), �� , � ��-��, � ��.

�� , �� , �� , �� , �� . �� .

�� :


margin-bottom:-32767px;padding-bottom:32767px;

�� -��, �� border, �� .

�� . ��, �� , � �� , �� , �� .

�� , � ��, �� , �� , � � �� , �� , � �� , �� .

�� position:absolute; �� .

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

� �� ?

�� , �� (��) �� .


<body>

  <div class="main">

    <div class="header">Header</div>

    <div class="middle">

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

      <div class="left">Left</div>

    </div>

    <div class="left_a"></div>

    <div class="content_a"></div>

    <div class="footer">Footer</div>

  </div>

</body>

html-�� , � �� . �� border-��, �� , �� . �� , �� :)


<style type="text/css">

* {margin:0;padding:0;}

html, body {height:100%;}

body {

  background-color:#eee;margin:0 4%;

  padding:0 0 0 614px;position:relative;

}

.main {margin:0 0 0 -614px;height:100%;}

.middle {

  background-color:#eee;overflow:hidden;

  margin-top:-150px;margin-bottom:5px;

  padding-left:204px;min-height:100%;

}

.content,.left {

  margin-top:150px;margin-bottom:-32767px;padding-bottom:32767px;

}

.content {

  background-color:#fff;border:#00f 1px solid;

  float:right;width:99%;

}

.left {

  background:#edd;border:#a00 1px solid;

  float:left;margin-left:-204px;width:200px;

}

.header {

  background:#ee9;border:#000 1px solid;

  overflow:hidden;position:relative;top:0px;

  margin-bottom:3px;zoom:1;height:100px;

}

.footer {

  background:#9ee;border:#000 1px solid;

  overflow:hidden;margin-top:3px;height:40px;

}

.content_a,.left_a {overflow:hidden;}

.content_a {

  border-bottom:#00f 1px solid;margin:-1px 0 0 210px;

}

.left_a {

  border-bottom:#a00 1px solid;margin:-5px 0 0 1px;width:200px;

}

</style>

<!--[if lte IE 7]>

<style type="text/css">

.main {height:auto;}

*html .main {display:inline;zoom:1;}

*html .middle {zoom:1;}

*html .left {margin-left:-102px;height:415px;}

.content_a {margin:-20px 0 0 209px;}

*html .content_a {margin:-0 0 0 209px;}

.left_a {margin:-25px 0 0 1px;}

</style>

<![endif]-->

�� . �� , �� , �� , � ��, �� , �� , �� , � �� :)

Trifler Blog

����� � �������

��