|
|
|
| Проблема в следующем ,мне нужно что бы при из окна браузера до определенного размера произошла фиксация ширины дива которая до этого была в %
Я делал так
Var max_size=500;
if(document.body.clientWidth<max_size)
document.getElementById("d_tl").style.pixelWidth=max_size;
Else
document.getElementById("d_tl").style.width='100%';
|
но в IE почему та при выполнении условия document.body.clientWidth<max_size значения присвоенные диву не применяются , див по прежнему растягивается, но стоит перегрузить страницу при изначально меньшем размере окна браузера чем max_size как значения max_size вступают в силу , почему так и как это исправить ?
P.S. В Opere все работает нормально | |
|
|
|
|
|
|
|
для: Prihod
(06.02.2008 в 14:56)
| | че за style.pixelWidth ? во втором случае правильно написано | |
|
|
|
|
|
|
|
для: Prihod
(06.02.2008 в 14:56)
| | Для того чтобы установить ширину дива в соответствии с размерами окна нам сначала нужно узнать размеры окна потом проанализировать их и выставить ширину блока по результатам, для этого нужно сделать следующие
var width, height;
var width, height;
var IE=(navigator.userAgent.indexOf('MSIE')!=-1)
function resizeElement() {
if(window.innerWidth)
width=window.innerWidth;
else if((document.body)&&(document.body.clientWidth))
width=document.body.clientWidth;
if(window.innerHeight)
height=window.innerHeight;
else if((document.body)&&(document.body.clientHeight))
height=document.body.clientHeight;
if(IE)
{
if(document.documentElement&&document.documentElement.clientHeight&&document.documentElement.clientWidth)
{
width=document.documentElement.clientWidth;
height=document.documentElement.clientHeight;
}
}
var element=document.getElementById(id.элемента);
width=(width>500)?"100%":"500px";
height=(height>500)?"100%":"500px";
element.style.width=width;
element.style.height=height;
}
window.onload=resizeElement;
|
В дескрипторе BODY прописать:
<body onresize="resizeElement();"...
|
| |
|
|
|