Правая колонка используется для навигации, её ширина задаётся
width: 350px; /*Width of right column in pixels*/
margin-left: -350px; /*Set left margin to -(RightColumnWidth) */
Левая колонка, основная (c контентом), задаётся кодом:
#contentwrapper {
float: left;
width: 100%;
}
#contentcolumn {
margin-right: 350px; /*Set right margin to RightColumnWidth*/
}
При вставке таблицы в основную колонку (левую)
<table border="0" cellpadding=3 cellSpacing="0" width="100%">
блок растягивается в полный размер экрана, что правой колонки вообще не видно.
Поэтому есть кросс браузерный код для ограничения ширины блока:
max-width: 650px;
width: expression(this.offsetWidth > 650 ? "650px" : this.offsetWidth);
Как сделать, чтобы максимальная ширина для всех браузеров считалась таким образом:
ширина левой колонки = разрешение экрана - ширина правой колонки (350px)
При коде, указанном выше получается всегда 650 пикселей. При больших разрешениях смотрится плохо
