Приветствую всех!
Посоветуйте, как сделать таблицу, которая бы "по-умному" меняла
свою ширину в зависимости от ширины окна браузера.
Я тут попытался что-то сделать, но пример удовлетворительно
работает только на IE.
Пример:
=================
<HTML>
<HEAD>
<META content="text/html; charset=windows-1251" http-equiv="Content-Type">
<META http-equiv="Pragma" content="no-cache">
<META http-equiv="Expires" content="0">
<TITLE>Задание ширины таблицы в зависимости от ширины окна браузера.</TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
// <!--
function TResize()
{
var x = document.body.clientWidth;
// Логика задания ширины таблицы (может быть и другая)
// Например, хорошо было бы задавать ширину отдельных
// столбцов.
table1.width = x-15;
if (x < 600) table1.width = x-15;
if (x > 600) table1.width = 600-15;
}
// -->
</SCRIPT>
<BODY OnLoad="TResize();" OnResize="TResize();" OnReload="TResize();" TEXT="#000000" BGCOLOR="#FFFFFF"
VLINK="#8080F0" LINK="#80C0F0" ALINK="#8080F0">
<CENTER>
<TABLE ID=table1 WIDTH="630">
<TR><TD BGCOLOR="#77FFFF">
<P><P ALIGN="JUSTIFY">
Пример задания ширины таблицы в зависимости от ширины окна браузера.
Если ширина окна меньше шестисот точек, то таблица занимает всю ширину окна;
Если больше, то занимает ровно 600 точек (можно в этом убедиться, меняя
ширину окна).
Простые средства HTML в данном случает не обеспечивают нужной гибкости.
Нужно делать через JavaScript. Но пример работает
удовлетворительно только в Internet Explorer. В Опере не работает.
Хотелось бы сделать так, чтобы работал во всех браузерах.</P>
</TD></TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
=================