Динамическое изменение ширины таблицы (% --> px)

Asar

Новичок
Динамическое изменение ширины таблицы (% --> px)

Мне нужно, чтобы таблица была следующей:
Если на экране достаточно места - width=70%.
Если окно браузера настолько мало, что при 70% ширина таблицы выходит меньше 700px - width=700px. Причем, чтобы менялось в реальном времени при смене разрешения монитора или размера окна браузера...

Возможно ли такое?
 

Cougar

Кошак
Да.

....element.style = "width: 70%"
....element.style = "width: 700px"

Кажется (не уверен - нет справочника под лапой), можно и так:
element.style.width = "70%" ....

Ну, и обрабатывай событие onresize для окна браузера.
 

MiRacLe

просто Чудо
javascript-ом на событиях onLoad, onResize повесить свой обработчик, который будет изменять document.getElementById('YourTable').style.width

для IE есть для css-мегаФича - expression()

(setExpression)

естественно это далеко не все варианты, так что думай дальше сам, но первый вариант будет работать со всеми браузерами поддерживающими DOM1
 

SelenIT

IT-лунатик :)
Имхо, можно это сделать "относительно чистым" css:

Код:
width: 70%; /* это поймут все */
min-width: 700px; /* это поймут Мозилла и Опера */
width: expression(document.documentElement.clientWidth*.7<700?'700px':'70%'); 
/* ИЕ переопределит, Мозилла и Опера проигнорируют */
 

Asar

Новичок
Спасибо всем ответившим. Особенно порадовал чистый ЦСС. У опер, конечно, все логичнее реализовано, чем у ИЕ, но и експресьон хорош.
 
Сверху