VPF::Верстка DIVa и 100% высота в IE - Форум программистов

finogeev

Дата 22.3.2009, 19:10 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет

Вообщем ситуация такова... Проблема только в IE во всех версиях практически
Проблема с дивом, который выступает подложкой и фоном в модальном окне ...

Т.е. он выставляется изначально под размер экрана, но если на стринице имеется скрол, то соотетсвтенно дива там нету ... :( ...
Стиль дива ниже приведен ... Может можно сдалать как то средствами JS ???

Код


  display:none;
  position:fixed;
  _position:absolute; /* hack for internet explorer 6 */
  height:100%;
  width:100%;
  top:0;
  left:0;
  background: #666; 
  border:1px solid #cecece;
  z-index:1;
  text-align:center;
  background-repeat:no-repeat;

Это сообщение отредактировал(а) finogeev - 23.3.2009, 21:40

finogeev

Дата 23.3.2009, 20:05 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет

Скажите никто не может подсказать или я просто некорректно вопрос задал ?

bars80080

Дата 23.3.2009, 20:17 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

Цитата(finogeev @ 23.3.2009, 19:05

)

Скажите никто не может подсказать или я просто некорректно вопрос задал ?

Цитата(finogeev @ 22.3.2009, 18:10

)

Проблема с дивом, который выступает подложкой и фоном в модальном окне ...

интересно, что проблема так и не указана

Цитата(finogeev @ 22.3.2009, 18:10

)

Т.е. он выставляется изначально под размер экрана, но если на стринице имеется скрол, то соотетсвтенно дива там нету ... :( ...

т.к. не понятно, это так как надо или нет?

Цитата(finogeev @ 22.3.2009, 18:10

)

z-index:0.5;

первый раз вижу не целый z-index

Цитата(finogeev @ 22.3.2009, 18:10

)

background-position:center;

и это правило тоже прокатывает?

finogeev

Дата 23.3.2009, 21:39 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет

Вот сделал для примера:
http://www.kitproekt.ru/test/

Если смотреть во всех браузерах крооме IE, при нажатии на ссылку нормально затемняется всё и если скролить то вся площадь закрывается дивом, который накладывается !!!
В IE же только верхняя часть покрыватьеся (размер дива почемуто - равен размеру текущего экарна) ...

2 bars80080
Про background-position, у меня просто выравнивается маленькая подложка из img ... Про z-index исправил

bars80080

Дата 24.3.2009, 01:16 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

нет, в ФФ и опере, как я понимаю тоже на 100% экрана. но у них position: fixed;
для ИЕ7 сей приём тоже действует, но не для ИЕ6. стиль _position всё же не рекомендую использовать, ибо это чистой воды ошибка, пропускаемая ИЕ

попробуйте так:

Код


#element {    display:none;
  position:fixed;
  height:100%;
  width:100%;
  top:0;
  left:0;
  background: #666; 
  border:1px solid #cecece;
  z-index:1;
  text-align:center;
  background-repeat:no-repeat;
}
* html #element {
    position: absolute;
}
* html>#element {
    position: fixed;
}

осталось специально для ИЕ6 написать скрипт, который будет отрабатывать смещение скрола. что-то вроде:

Код


    if(window.ActiveXObject) {
        var uaVers = window.navigator.userAgent.substr(window.navigator.userAgent.indexOf('MSIE') + 5, 3);
        if(uaVers.slice(0, 1) == 6) {
            var bkTop = /*определение нужной позиции*/
            document.getElementById('element').style.top = bkTop + 'px';
    }}

finogeev

Дата 24.3.2009, 16:40 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет

bars80080
Спасибо ... Попробывал твой код со стилями ... Но что то нет результатов !
Так проблема же не только в 6 версии IE ... она вообще присутствует во всех версиях от 6-8 версии ...

Это сообщение отредактировал(а) finogeev - 24.3.2009, 16:40

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »