Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 3501 Просмотров
*

venz

  • Захожу иногда
  • 86
  • 13 / 3
Переменная высота div
« : 08.09.2009, 01:04:38 »
Понимаю, тема несвежая, но не удается мне найти решение в пачке, по отдельности не получается склеить найденные решения.
Суть: контент-див (чат) должен иметь высоту равную высоте окна браузера за минусом высоты шапки (80px) и высоты футера (80px). При изменении размеров окна браузера, соответственно и окно контента (сообщений) должно изменять свою высоту. Грубо, вокруг окна сообщений рамка с фиксированными размерами. В окне будет прокрутка.
Код
overflow: auto;
Приложил схемку. Хочется кроссбраузерности, отсутствия хаков & экспрешнов. Но чую не обойдется. Может кто подскажет?

[вложение удалено Администратором]
*

css-wizard

  • Осваиваюсь на форуме
  • 14
  • 2 / 0
Re: Переменная высота div
« Ответ #1 : 12.09.2009, 00:20:31 »
таблицы, либо абсолютное позиционирование и expression для ие6-7
делаем примерно так
http://life-company.ru/joomlaforum
*

venz

  • Захожу иногда
  • 86
  • 13 / 3
Re: Переменная высота div
« Ответ #2 : 12.09.2009, 13:00:14 »
Спасибо большое, что уделили время. Но ваш вариант не работает в Опере. Сделали так:

Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div height</title>
<style type="text/css">
<!--
#box {
background-color: #CCC;
width: 600px;
border:1px solid #999;
}
-->
</style>
</head>
<body style="height: 100%; margin: 0; padding: 0;">
<div id="box">Content for id "box" Goes Here</div>
<script type="text/javascript">
function resizeTab()
{
var box=document.getElementById("box");
box.style.height=document.documentElement.clientHeight-160+'px';
}

window.onresize=resizeTab;
window.onload=resizeTab;
</script>

</body>
</html>
*

css-wizard

  • Осваиваюсь на форуме
  • 14
  • 2 / 0
Re: Переменная высота div
« Ответ #3 : 12.09.2009, 14:12:24 »
поправил, кто ж знал что опера тут бажит, я думал она умнее.
*

venz

  • Захожу иногда
  • 86
  • 13 / 3
Re: Переменная высота div
« Ответ #4 : 12.09.2009, 18:12:17 »
В смысле "поправил" и всмысле "думал"?
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Высота блока с иконками

Автор dmtn

Ответов: 10
Просмотров: 1664
Последний ответ 03.02.2018, 19:54:11
от dmtn
Высота блока

Автор kik84

Ответов: 1
Просмотров: 1088
Последний ответ 30.09.2015, 14:19:17
от fbr
Высота border

Автор dimat84

Ответов: 6
Просмотров: 3947
Последний ответ 14.11.2014, 16:56:37
от dimat84
Высота блока как у родителя

Автор hawk1

Ответов: 0
Просмотров: 1651
Последний ответ 28.01.2014, 21:43:02
от hawk1
[Решено] Автоматическая высота для textarea

Автор slepoy

Ответов: 9
Просмотров: 1765
Последний ответ 23.11.2013, 22:36:35
от wfedin