Xpoint
   [напомнить пароль]

как сделать два блока текста - верхний переменной высоты, нижний все оставшееся

Метки: [без меток]
2007-08-07 22:16:12 [обр] Petr[досье]

Есть вот такой код

<html>
<style>
body {
width:100%;
margin:0;
padding:0;}

#div-left{
background:#9999ff;
height:385px;
width:270px;
overflow:auto;
}
#div-silver{
border:1px solid black;
overflow:hidden;
height:385px;
background:silver;
}
#div-blue{
max-height:125px;
border:1px solid black;
overflow:auto;
height:expression(this.scrollHeight> 125 ? "125px" : "auto");
background:blue;
}
#div-red{
border:1px solid black;
overflow:auto;
height:auto;
background:red;
bottom: 24px;
  left: 0;
  top: 48px;
}
#tab{
border:1px solid green;
table-layout: fixed
overflow:auto;
height:100%
valign:top;
}
</style>
<body>
<Table>
<tr>
<td>
<div id="div-left" >
Здесь занято!
</div>
</td>
<td>
<div id="div-silver">
<table id="tab">
   <tr>
   <td>
   <div id="div-blue">
      Этот текст не должен превышать размер по высоте 125px. Этот текст не должен превышать размер по высоте 125px. 
      Этот текст не должен превышать размер по высоте 125px. Этот текст не должен превышать размер по высоте 125px. 
      Этот текст не должен превышать размер по высоте 125px. Этот текст не должен превышать размер по высоте 125px. 
      Этот текст не должен превышать размер по высоте 125px. Этот текст не должен превышать размер по высоте 125px. 
   </div>
   </td>
   </tr>
   <tr>
   <td>
   <div id="div-red">
      Этот текст должен занять всё оставшееся место. Этот текст должен занять всё оставшееся место.
      Этот текст должен занять всё оставшееся место. Этот текст должен занять всё оставшееся место.
      Этот текст должен занять всё оставшееся место. Этот текст должен занять всё оставшееся место.
      Этот текст должен занять всё оставшееся место. Этот текст должен занять всё оставшееся место.
      Этот текст должен занять всё оставшееся место. Этот текст должен занять всё оставшееся место.
      Этот текст должен занять всё оставшееся место. Этот текст должен занять всё оставшееся место.
      Этот текст должен занять всё оставшееся место. Этот текст должен занять всё оставшееся место.
      Этот текст должен занять всё оставшееся место. Этот текст должен занять всё оставшееся место.
      Этот текст должен занять всё оставшееся место. Этот текст должен занять всё оставшееся место.
      Этот текст должен занять всё оставшееся место. Этот текст должен занять всё оставшееся место.
      Этот текст должен занять всё оставшееся место. Этот текст должен занять всё оставшееся место.
      Этот текст должен занять всё оставшееся место. Этот текст должен занять всё оставшееся место.
      Этот текст должен занять всё оставшееся место. Этот текст должен занять всё оставшееся место.
   </div>
   </td>
   </tr>
</table>

</div>
</body>
</html>

как сделать в красной области прокрутку, чтобы не "ныряла" за нижнюю границу?

Powered by POEM™ Engine Copyright © 2002-2005