DHTML://изменение таблицы стилей в зависимости от разрешения экрана 2

Появилась необходимость разобраться в причине данной "странности". При применении "вынесенных" таблиц стилей я уже давно замечал некую странную реакцию моего старого Нетскейпа - при полном вынесе описания стилей было рисково пользоваться кнопкой "назад" броузера и частенько выводилась страничка с полным отсутствием описанных стилей. Эта странность и натолкнула меня на мысль попробовать выводить описание изменяемого класса прямо в станицу. <br /> <br /> <!-- <br /> var height=0;var width=0;<br /> if (self.screen) {<br /> // for NN4 and IE4<br /> width = screen.width<br /> height = screen.height<br /> }<br /> if (width<641 && height<481)<br /> {<br /> document.writeln('\n'+ <br /> '#test {BACKGROUND-COLOR: red; CLIP: rect(0px 300px 200px 0px); <br /> HEIGHT: 200px; LEFT: 0px; POSITION: absolute; TOP: -200px;<br /> WIDTH: 300px; layer-background-color: red}\n'+<br /> '')<br /> }<br /> else<br /> {<br /> if (width>1023 && height>767) <br /> {<br /> document.writeln('\n'+ <br /> '#test {BACKGROUND-COLOR: red; CLIP: rect(0px 510px 200px 0px); <br /> HEIGHT: 200px; LEFT: 0px; POSITION: absolute; TOP: -200px; <br /> WIDTH: 510px; layer-background-color: red}\n'+<br /> '')<br /> }<br /> else<br /> {<br /> document.writeln('\n'+ <br /> '#test {BACKGROUND-COLOR: red; CLIP: rect(0px 400px 200px 0px); <br /> HEIGHT: 200px; LEFT: 0px; POSITION: absolute; TOP: -200px; <br /> WIDTH: 400px; layer-background-color: red}\n'+<br /> '')<br /> }<br /> }<br /> //--> <br /> <br /> Вот что у меня получилось. Работает везде, но минус - все надо размещать в самой страничке. В данном примере у меня изменялся размер слоя в зависимости от разрешения экрана. Чтоб не описывать все стили в изменяемых таблицах, можно в данном скриптике описать только те классы и параметры, которые необходимо изменять при разном разрешении. Хотя, если для вас важно изменить некий параметр, то лишние 1-2 Кб. значения иметь не будут...