Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Изменение ширины div –a при Onresize, в IE== глюк
 
 автор: Prihod   (06.02.2008 в 14:56)   письмо автору
 
 

Проблема в следующем ,мне нужно что бы при из окна браузера до определенного размера произошла фиксация ширины дива которая до этого была в %
Я делал так

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 все работает нормально

   
 
 автор: AlexSol   (06.02.2008 в 15:05)   письмо автору
 
   для: Prihod   (06.02.2008 в 14:56)
 

че за style.pixelWidth ? во втором случае правильно написано

   
 
 автор: Dimon_K   (06.02.2008 в 15:37)   письмо автору
 
   для: 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();"...

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования