Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> IE криво отображает блок с overflow 
:(
    Опции темы
Stampede
Дата 13.8.2005, 00:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Гносеолог
**


Профиль
Группа: Участник Клуба
Сообщений: 963
Регистрация: 25.4.2005
Где: Calgary, Alberta, Canada

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



Вот у меня генерируется старничка, которая содержит длинные табличные данные. Для удобства просмотра я всю таблицу засовываю в div, у которого прописаны размеры и установлено свойство overflow:

Код

<div style="overflow: auto; height: 400px; width: 580px;
    border: 1px gray solid;
    padding:0px;
    margin: 0px;">
<table>
... всякие табличные данные
</table>
</div>


В Firefox все работает как надо, а вот в IE - лишь до поры до времени. При каком-то числе строк таблицы в нем происходит непонятный глюк, и весь див с содержимым таблицы съезжает далеко вниз, так что образуется гиганское пустое пространство длиной в хренову кучу экранов.

Как это выглядит на практике - можно посмотреть вот тут:
- кривая страница;
- нормально отображаемая страница при меньшем числе строк в таблице.

Для справки: браузер IE6.0 под Windows 2000.

ЗЫ. IE - задрал. Ненавижу.



--------------------
"If you want something done right, do it yourself"
По секрету: выучить английский - реально!
PM WWW   Вверх
dm9
Дата 13.8.2005, 11:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

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



Проблемка супер...

Нашёл только такое решение:

Вместо

Код

<div style="overflow: auto; height: 400px; width: 580px;
    border: 1px gray solid;
    padding:0px;
    margin: 0px;">


пишем

Код

<div style="overflow: auto; height: 400px; width: 580px; position: absolute;
    border: 1px gray solid;
    padding:0px;
    margin: 0px;">


Но это только вынесет нужный нам див на нужную позицию, а фиолетовая рамка будет не на месте. Для того, чтобы её поставить на место, пишем вместо

Код

</div> <!-- clossing the overflow div -->

</div> <!-- clossing div "center" -->

</div> <!-- clossing div "wrapper" -->



-->

Код

</div> <!-- clossing the overflow div -->

<div style="overflow: auto; height: 400px; width: 580px;
    border: 1px gray solid;
    padding:0px;
    margin: 0px;"></div>

</div> <!-- clossing div "center" -->

</div> <!-- clossing div "wrapper" -->


Там ещё надо будет косметику подогнать под Оперу и ФФ...

Если эта реально вся страница, то проще всего будет див абсолютно спозиционировать, задав ему left и top, тогда можно будет нижный "раздвигающий" див поднять вверх, и процесс загрузки будет покрасивее...

А вообще, фиг его знает, как с таким бороться.

Это сообщение отредактировал(а) dm9 - 13.8.2005, 11:59
PM MAIL ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0877 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.