VPF::Расположение DIV-а в IE - Форум программистов

NextAlex

Дата 7.9.2006, 15:25 (ссылка)

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

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 121
Регистрация: 10.8.2005
Где: Украина, г. Одесс а

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

Привет всем.
Есть такой код.

Код


<div border style="width:100%; position:absolute; bottom:20px; left:0px;">
..... код ....
</div>

и есть скрипт, показывающий либо прячущий другие слои на странице:

Код


function layer(layerName){
 //DOM1
  if(document.getElementById) return document.getElementById(layerName)
 //MSIE4
  if(document.all) return document.all[layerName]
 //Netscape 4
  if(document.layers) return document.layers[layerName]
 //неподдерживаемый браузер
  return null
}
        function showhide(id){
         if (layer(id).style.display=="block"){
         layer(id).style.display="none";
         }else{
         layer(id).style.display="block";
         }
        }
        function show(id){
         layer(id).style.display="block";
        }
        function hide(id){
         layer(id).style.display="none";
        }

В результате работы этого скрипта изменяется размер страницы и слой, расположенный внизу страницы (первый кусок кода), должен сместиться вниз и разместиться как ему положено в 20 пикелях от низа страницы.
При просмотре странички под Opera, Mozilla, Netscape, Konqueror и вообще всем что отличается от IE всё работает отлично, а под IE этот нижний div-остается на месте, как будто на него не действуют вообще никакие законы.
Помогите побороть...

--------------------

Говорила мама: "Учись играть на скрипке". Не хотел носить ноты - будешь носить пианино ...

zera

Дата 7.9.2006, 16:02 (ссылка)

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

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 205
Регистрация: 19.1.2006
Где: saint-petersburg

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

ничего не понял, почему слой должен сместиться? в приведенном коде ничего на это не указывает.

NextAlex

Дата 7.9.2006, 23:36 (ссылка)

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

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 121
Регистрация: 10.8.2005
Где: Украина, г. Одесс а

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

Цитата(zera @ 7.9.2006, 16:02

)

почему слой должен сместиться? в приведенном коде ничего на это не указывает.

потому что у слоя привязка к низу страницы

Код


<div border style="width:100%; position:absolute; bottom:20px; left:0px;">
..... код ....
</div>

под Оперой и другими нормальными браузерами это работает четко

--------------------

Говорила мама: "Учись играть на скрипке". Не хотел носить ноты - будешь носить пианино ...

JlOKu

Дата 8.9.2006, 04:56 (ссылка)

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

Загрузка ...

Новичок

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

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

А помоему там нет никакой привязки , если было бы вот так

Код


<div border style="width:100%; position:absolute; bottom:20px; left:0px;z-index[a]">
<!--  А у остальных b>a то заданный слой был бы последним -->
..... код ....
</div>

NextAlex

Дата 8.9.2006, 09:41 (ссылка)

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

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 121
Регистрация: 10.8.2005
Где: Украина, г. Одесс а

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

JlOKu, во-первых мне нужно чтобы слой был сверху и полностью виден, а во-вторых всё равно не помогает - уже пробовал.

--------------------

Говорила мама: "Учись играть на скрипке". Не хотел носить ноты - будешь носить пианино ...

zera

Дата 8.9.2006, 13:03 (ссылка)

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

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 205
Регистрация: 19.1.2006
Где: saint-petersburg

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

Цитата(NextAlex @ 7.9.2006, 23:36

)

потому что у слоя привязка к низу страницы

это я вижу. еще я вижу функцию show/hide. не вижу почему что-то должно смещаться. изменения позиции в приведенном коде ну никак нет.
если вопрос в том, что слой надо показать, то z-index повыше ставь.
hint: надеюсь div находится в элементе с position:[relative|absolute]? иначе не должно работать.

NextAlex

Дата 8.9.2006, 23:59 (ссылка)

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

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 121
Регистрация: 10.8.2005
Где: Украина, г. Одесс а

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

zera

Цитата(zera @ 8.9.2006, 13:03

)

show/hide. не вижу почему что-то должно смещаться. изменения позиции в приведенном коде ну никак нет.

измемения позиции на самом деле нет, но слои, которые показывает и прячет show/hide растягивают контент и из-за этого меняется высота страницы.

Цитата(zera @ 8.9.2006, 13:03

)

hint: надеюсь div находится в элементе с position:[relative|absolute]? иначе не должно работать.

конечно нет smile

Спасибо тебе огромное - всё заработало как должно.

--------------------

Говорила мама: "Учись играть на скрипке". Не хотел носить ноты - будешь носить пианино ...

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