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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> style='height:100%;overflow:auto' в Лисе 
:(
    Опции темы
Elfet
  Дата 19.2.2006, 12:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Белый и Пушистый
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: 1
Всего: 16
Код

<html>
<head>
  <title></title>
</head>
<body>
<table width="100%" height="100%" cellspacing="1" cellpadding="0" border="1">
  <tr>
    <td>
      <div style='height:100%;overflow:auto'>    

      </div>    
    </td>
    <td width="200">
      <div style='height:100%;overflow:auto'>    

      </div>        
    </td>
  </tr>
  <tr>
    <td height="100">fgh</td>
    <td height="100">fgh</td>    
  </tr>
</table>
</body>
</html>




Вот, такая вот штука работает в MSIE а в Firefox`е не работает. Что можно сделать?


--------------------
PHP Чат Скрипт
PM MAIL WWW Skype   Вверх
Str!pe
Дата 19.2.2006, 14:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


профиль удален
****


Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152
Если не отрабатывает overflow:auto то тут только делать добавляя полосу прокрутки руками.


--------------------
Со мной можно связаться по скайпу или по аське.
Занимаюсь продвижением сайтов - самой таргетированной рекламой.
PM MAIL ICQ Skype   Вверх
Elfet
Дата 19.2.2006, 21:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Белый и Пушистый
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: 1
Всего: 16
А это как? Руками?


--------------------
PHP Чат Скрипт
PM MAIL WWW Skype   Вверх
R.M.
Дата 20.2.2006, 11:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


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

Репутация: 9
Всего: 30
Elfet, а доктайп в коде присутствует?


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Str!pe
Дата 20.2.2006, 16:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


профиль удален
****


Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152
Или меня глючит от работы или я ничего найти не могу... сижу и втечении всего дня ищу как это делается... БЫЛА ЖЕ на Винграде эта тема!


--------------------
Со мной можно связаться по скайпу или по аське.
Занимаюсь продвижением сайтов - самой таргетированной рекламой.
PM MAIL ICQ Skype   Вверх
Alx
Дата 20.2.2006, 19:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

Репутация: 1
Всего: 78
ты лучше при загрузке сразу посчитай offsetHeight ячейки и посдатвь его в стиль, вместо 100%


--------------------
© сам придумал.

. the world's most misunderstood programming language .
PM MAIL WWW ICQ   Вверх
Elfet
Дата 20.2.2006, 19:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Белый и Пушистый
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: 1
Всего: 16
Куксикус, доктайп? smile

Alx, можено, конечно, а потом на онресизе тоже менять размеры smile, но не хочеться коды писать smile


--------------------
PHP Чат Скрипт
PM MAIL WWW Skype   Вверх
R.M.
Дата 21.2.2006, 11:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


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

Репутация: 9
Всего: 30
Elfet, да, тег такой в (X)HTML есть <!DOCTYPE> и влияет он на кроссбраузерность


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
smartov
Дата 21.2.2006, 16:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


свой собственный
****


Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259
Elfet,
Лиса 1.5.0.1
iExplore 6.0 SP2
Код приведенный тобой выглядит абсолютно одинаково и там и там (если не считать margin у body)
Добавлено @ 16:02
P.S. Opera 9.0 TP2 - тоже все зашибись
PM MAIL   Вверх
Elfet
Дата 21.2.2006, 21:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Белый и Пушистый
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: 1
Всего: 16
Лиса - smile Нет она не так отображает, она не строит overflow:auto


--------------------
PHP Чат Скрипт
PM MAIL WWW Skype   Вверх
December
Дата 7.3.2006, 17:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Antitheorist
****


Профиль
Группа: Участник
Сообщений: 4423
Регистрация: 14.8.2002
Где: Харьков

Репутация: 1
Всего: 57
Бьюсь с той же проблемой
В осле работает как задумано
В Опере - криво, но работает
FF 1.0.3 - вообще нет скроллбаров
Вот размётка попроще:
Код

<!doctype html public "-//w3c//dtd html 4.0 Transitional//en">
<html>
<head>
  <title>Test</title>

<style>
body {
  overflow: hidden; 
  margin: 0px;
  padding: 0px;
  }
div#pagetop {
  margin: 0px;
  padding: 0px;
  background-color: #99ccff;   
  height: 100%;
  }
div#pagebody {
  margin: 0px;
  padding: 0px; 
  height: 100%;
  overflow: auto;
  background-color: #EEEEEE;
  }
table {
  margin: 0px;
  padding: 0px;
  border-collapse:collapse;
  }
tr {
  margin: 0px;
  padding: 0px;
  }
td {
  margin: 0px;
  padding: 0px;
  }
p {
  margin: 0px;
  padding: 0px;
  }
</style>
</head>

<body>
<table width="100%" height="100%">
<tr height="40">
  <td>
    <div id="pagetop">
      <p>This is top text that should be visible and not scrollable.</p>
      <p>With second line.</p>
    </div>
  </td>
</tr>
<tr>
  <td>
    <div id="pagebody">
    <!-- begin content -->
    <p>This fragment should be scrollable if it does not fit the window.</p>

    <ul>
      <li>List item 0
      <li>List item 1
      <li>List item 2
      <li>List item 3
      <li>List item 4
      <li>List item 5
      <li>List item 6
      <li>List item 7
    </ul>
    <!-- end content -->
    </div>
  </td>
</tr>
</table>

</body>
</html>

Есть идеи, как добиться одинакового поведения в вышеперечисленных бродилках?


--------------------
Для друзей с винграда - скидки на разработку сайтов
PM MAIL WWW ICQ   Вверх
December
Дата 7.3.2006, 18:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Antitheorist
****


Профиль
Группа: Участник
Сообщений: 4423
Регистрация: 14.8.2002
Где: Харьков

Репутация: 1
Всего: 57
Старая тема схожей тематики (пардон за тавтологию smile)
http://forum.vingrad.ru/index.php?showtopic=58976


--------------------
Для друзей с винграда - скидки на разработку сайтов
PM MAIL WWW ICQ   Вверх
Greendrake
Дата 7.3.2006, 18:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: 3
Всего: 6
Цитата(Stripe @ 20.2.2006, 16:22)
Или меня глючит от работы или я ничего найти не могу... сижу и втечении всего дня ищу как это делается... БЫЛА ЖЕ на Винграде эта тема!

http://forum.vingrad.ru/index.php?showtopi...866&hl=100%

Она?
PM MAIL   Вверх
smartov
Дата 7.3.2006, 18:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


свой собственный
****


Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259
Elfet,
Цитата(Elfet @ 21.2.2006, 20:34 Найти цитируемый пост)
Нет она не так отображает, она не строит overflow:auto


Цитата(smartov @ 21.2.2006, 15:01 Найти цитируемый пост)
Лиса 1.5.0.1
PM MAIL   Вверх
Elfet
Дата 19.3.2006, 22:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Белый и Пушистый
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: 1
Всего: 16
Кто-нибудь что-нибудь придумал? smile


--------------------
PHP Чат Скрипт
PM MAIL WWW Skype   Вверх
smartov
Дата 20.3.2006, 12:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


свой собственный
****


Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259
Ну как... Например, если задать высоту блоку - все будет в порядке smile

Это сообщение отредактировал(а) smartov - 20.3.2006, 12:32
PM MAIL   Вверх
Elfet
Дата 20.3.2006, 15:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Белый и Пушистый
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: 1
Всего: 16
Да, знаю smile Но очень хочеться height:100% smile


--------------------
PHP Чат Скрипт
PM MAIL WWW Skype   Вверх
December
Дата 21.3.2006, 13:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Antitheorist
****


Профиль
Группа: Участник
Сообщений: 4423
Регистрация: 14.8.2002
Где: Харьков

Репутация: 1
Всего: 57
Нет, с лисой - болт.
Я конкретно продолбался с этим, в опере и осле всё зашибись, в лисе - фиг.
Пришлось делать на скриптах...


--------------------
Для друзей с винграда - скидки на разработку сайтов
PM MAIL WWW ICQ   Вверх
AztEK
Дата 21.3.2006, 18:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: 4
Всего: 18
Я задавал такой вопрос (http://forum.vingrad.ru/index.php?showtopic=81632) - мне не ответили никак smile


--------------------
Linux is like wigwam -- no windows, no gates, apache inside.
PM MAIL Jabber   Вверх
Ciber SLasH
Дата 22.3.2006, 04:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 15
Всего: 67
Можно попытаться задать этот вопрос в форуме Maniac-а. У него, судя по статьям в блоге, большой опыт в CSS: http://softwaremaniacs.org/forum/index.php
Я его пытался привлечить к нашему форуму, но не получилось... может у вас получится...
Добавлено @ 04:28
Мне он помог в одном вопросе.smile

Это сообщение отредактировал(а) Ciber SLasH - 22.3.2006, 04:29
PM   Вверх
December
Дата 22.3.2006, 13:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Antitheorist
****


Профиль
Группа: Участник
Сообщений: 4423
Регистрация: 14.8.2002
Где: Харьков

Репутация: 1
Всего: 57
Мне кажется, это вообще невозможно без скриптов с текущими версиями бродилок (я не говорю уже про маковские чуда). Дело в том, что в лисе padding у дива влияет на его общую ширину, а опере и осле - нет. Вот, для примера, как оно у меня работает:
Код
function AdjustContentSize()
{
  var cDiv = document.getElementById("pagebody");
  if (Engine == enGecko)//amend padding
    {
      var w = document.body.clientWidth;
      cDiv.style.width = w - 32;
    }
  var h = document.body.clientHeight;
  var diff = 44;
  if (Engine == enGecko) diff = diff + 6;
  cDiv.style.height = h - diff;
}

и, для комплекта, сами дивы:
Код
div#pagetop {
  margin: 0px;
  padding: 0px;
  background-color: #99ccff;   
  height: 44;
  width: 100%;
  border-bottom: 1px solid #999999;
  }
div#pagebody {
  margin: 0px 0px 4px 0px;
  padding: 5px 10px 0px 22px;
  height: 100px;
  width: 100%;
  overflow: auto;
  background-color: #FFFFFF;
  vertical-align: top;
  }

Как видите, приходится немного шаманить...


--------------------
Для друзей с винграда - скидки на разработку сайтов
PM MAIL WWW ICQ   Вверх
Elfet
Дата 22.3.2006, 14:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Белый и Пушистый
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: 1
Всего: 16
Походу только на скриптах smile


--------------------
PHP Чат Скрипт
PM MAIL WWW Skype   Вверх
lusever
Дата 17.4.2007, 14:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: 3
Цитата(December @  22.3.2006,  13:30 Найти цитируемый пост)
Мне кажется, это вообще невозможно без скриптов с текущими версиями бродилок (я не говорю уже про маковские чуда). Дело в том, что в лисе padding у дива влияет на его общую ширину, а опере и осле - нет.

Паддинг влияет всегда на ширину и высоту, если указан DOCTYPE.
У меня наоборот, в IE7 не работает oferflow при 100%. А везде работает.
PM MAIL WWW   Вверх
Страницы: (2) [Все] 1 2 
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




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


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

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