Авто ограничение ширины div @ DeForum.ru

0 Сообщения: 1 Зарегистрирован: 24.04.08

Правая колонка используется для навигации, её ширина задаётся

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 пикселей. При больших разрешениях смотрится плохо

Код:

#Left {
     margin-right: 350px;
     }
#Right {
     float: right;
     width: 350px;
     }

тогда

Код:

<div id="Right">right content</div>
<div id="Left">left content</div>

или

Код:

#Right {
     position: absolute;
     right: 0;
     top: 0;
     width: 350px;
     z-index: 1;
     }

тогда

Код:

<div id="Left">left content</div>
<div id="Right">right content</div>

DeДверь
Логин:
Пароль:
	Автологин