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

Разбить окно по вертикали со скроллингом полосы?

Метки: [без меток]
2007-06-19 20:27:12 [обр] Игорь[досье]

Как разбить окно по вертикали?

Надо разбить окно по вертикали окно:
- верхняя полоса - по контенту
- нижняя - до конца экрана. Если контент в нижней полесе не влезает - скроллинг нижней полосы

В IE (см. ниже) работает, в FF нет

Подобная тема http://xpoint.ru/forums/internet/html_css/markup/thread/38635.xhtml , но, требуется скроллинг снизу

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html><head>
<meta http-equiv="Content-Type" content="text/html; CHARSET=1251">

<style type="text/css">
 html {
  height:100%;
}
body {
  margin:0;
  padding:0;
  height:auto !important;
  height:100%;
  min-height:100%;
}
table {overflow: auto; overflow-x: hidden;  width: 100%; max-height: 99%; height: 100%;}
#pg_body, #pg_body td, #pg_body div {overflow: auto; overflow-x: hidden;  width: 100%; max-height: 100%; height: 100%;}
</style>
</head>

<body>

<table style="table-layout: fixed;" border="1" cellspacing="20">

<tr>
   <td style="border: 2px solid green; ">
      1111111<br>
      1111111<br>
      1111111<br>
      1111111<br>
      1111111<br>
      1111111<br>
      1111111<br>
   </td>
</tr>
<tr id="pg_body">
   <td style="border: 2px solid blue; ">
      <div>
         1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>
         1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>
         1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>
         1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>
         1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>
         1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>
         1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>1111111<br>
      </div>
   </td>
</tr>

</table>

</body></html>
Powered by POEM™ Engine Copyright © 2002-2005