И опять 100%

ZoNT · March 24, 2008

<html>
<head>
<style>
.Div {
 position: relative;
 width: 300px;
 height: 150px;
 background-color: #f00;
}
.Table {
 position: relative;
 width: 100%;
 height: 100%;
 text-align: center;
 table-layout: fixed;
}
.td1 {
 height: 20px;
 background-color: #0a0;
}
.td2 {
 background-color: #55a;
}
.content {
 overflow: auto;
 width: 100%;
 height: 100%;
}
</style>
</head>
<body>
 <div class="Div">
 <table class="Table">
 <tr>
 <td class="td1">1</td>
 </tr>
 <tr>
 <td class="td2">
 <div class="content">
 2
3
4
5
6
7
8
9
 </div>
 </td>
 </tr>
 </table>
 </div>
</body>
</html>

Суть - сделать чтобы у дива с классом "content" появился скроллбар, а не ячейка растянулась по содержимому...

ZoNT · March 24, 2008

Ещ?: высота дива будет динамически меняться без перегрузки страницы... соответсвенно контент будет денамически "вмещаться"/"невмещаться" в ячейку с соответствующим результатом (появление вертикального скроллбара).

ZoNT · March 26, 2008

Кто-нибудь читал этот пост кроме создателя? :/

yopopt · March 26, 2008

"Скролбар" можно добавить применив к ячейке свойство overflow:scroll;, однако также необходимо установить данной ячейке фиксированную высоту, иначе вся конструкция теряет смысл.

.td2 {
 background-color: #55a;
 overflow: scroll;
 height: 100px;
}

ZoNT · March 26, 2008

Ещ?: высота дива будет динамически меняться без перегрузки страницы... соответсвенно контент будет денамически "вмещаться"/"невмещаться" в ячейку с соответствующим результатом (появление вертикального скроллбара).

оверфлоу=скролл внаглую добавит скролл всегда... А надо АВТО!

Суть описна в первых двух постах, читай внимательнее. Ты ответил не на то, что просили

maddogrts · March 26, 2008

<style>
div {
 background-color: #55a;
 overflow: auto;
 height: 100px;
 width: 100px;

 }
</style>
</head>
<body>

<div>
trext trext trext trext trext trext trext trext trext trext trext trext trext trext trext trext
</div>
</body>

Вы сами на свой вопрос ответили

ZoNT · March 26, 2008

Может я тупой???

Ещ?: высота дива будет динамически меняться без перегрузки страницы... соответсвенно контент будет денамически "вмещаться"/"невмещаться" в ячейку с соответствующим результатом (появление вертикального скроллбара).

Смотри: есть Div, у него сейчас height: 150px; Соответственно в н?м таблица с первой ячейкой 20px и второй 130рх (бордеры считать не будем - не суть). Если ЕГО ВЫСОТА (дива, не контента!) БУДЕТ ДИНАМИЧЕСКИ МЕНЯТЬСЯ, то при достижении высоты примерно 190рх скроллбар во второй ячейке должен пропасть... И наоборот...

ZoNT · March 26, 2008

Вы сами на свой вопрос ответили

Ты хоть страничку в браузере открывал? Код в первом посте...

yopopt · March 26, 2008

Может я тупой???
Ещ?: высота дива будет динамически меняться без перегрузки страницы... соответсвенно контент будет денамически "вмещаться"/"невмещаться" в ячейку с соответствующим результатом (появление вертикального скроллбара).
Смотри: есть Div, у него сейчас height: 150px; Соответственно в н?м таблица с первой ячейкой 20px и второй 130рх (бордеры считать не будем - не суть). Если ЕГО ВЫСОТА (дива, не контента!) БУДЕТ ДИНАМИЧЕСКИ МЕНЯТЬСЯ, то при достижении высоты примерно 190рх скроллбар во второй ячейке должен пропасть... И наоборот...

Если высота .Div будет динамически меняться, то что мешает также динамически изменять высоту .content?

ZoNT · March 26, 2008

Мешает сложность реализации... Это я прив?л вс? к простому случаю... На деле он во много раз сложнее и скриптом сложно это будет реализовать (не отрицаю, что можно, просто мороки много)...

Хотел узнать, может кто знает способ обойтись без скрипта...

ZoNT · March 26, 2008

Представь виртуальное "окно" (по сути див). В н?м есть ещ? один (наш .Div), занимающий изначально 50% от "окна". Так вот если у окна изменить размер, то измениться размер .Div`а - надо пересчитывать контент, но! дива может и не оказаться в окне... Или он там есть, но скрыт.

Плюс существует возможность изменить размер дива не меняя размер окна (как в эксплорере можно менять размер областей "дерева" и "папки" таская разделитель).

На "окно" скрипт навесить нельзя, так как окно не знает, что в н?м будет отрисовано... Содержимое окна само себя отрисовывает...

Sign In

И опять 100%

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information