Scrolling

Здравствуйте.
Подобной темы не нашел,хотя может плохо искал.

У меня снова(опять,в который раз - нужное подчеркнуть [Only registered and activated users can see links. Click Here To Register...] ) проблема.

Суть вопроса - есть область с фиксированными размерами.
А информация в эти размеры естественно не влезает.

Честно поискал в гугле и нашел вот [Only registered and activated users can see links. Click Here To Register...]

Скажите,пожалуйста,каким образом можно сделать так же?

Заранее благодарю.

Ничего сложного тут нет. [Only registered and activated users can see links. Click Here To Register...]

Поместите таблицу (или что там у Вас должно прокручиваться) в логический блок <div>. А этому блоку задайте следующие свойства:

Код:

---

div {
width: *;
height: *;
overflow: auto;
}

---

Естественно, вместо "*" укажите необходимые Вам размеры.

В данном случае за появление скроллинга отвечает свойство overflow (переполнение). Присвоенное ему значение auto говорит браузерам, что при переполнении блока браузеры должны сами решать как им дальше жить... Вот они и решают – создают скроллинг... [Only registered and activated users can see links. Click Here To Register...]

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

Цитата:

---

Originally posted by _Mr.D._@Jan 4 2007, 15:32
А возможно ли задать параметр при котором станет невозможен скроллинг по горизонтали?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]
Что это Вы там такое прокручивать собираетесь? [Only registered and activated users can see links. Click Here To Register...]

Просто понимаете в дизайне сайта горизонтальный скроллинг смотрится очень невесело...Глупо наверное звучит.
Ну в общем неуместен он.
Может посоветуете что-нибудь?

Цитата:

---

Originally posted by _Mr.D._@Jan 4 2007, 15:39
Просто понимаете* в дизайне сайта горизонтальный скроллинг смотрится очень невесело...Глупо наверное звучит.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]
Звучит не глупо. Нормально звучит. [Only registered and activated users can see links. Click Here To Register...]

Цитата:

---

Originally posted by _Mr.D._@Jan 4 2007, 15:39
Может посоветуете что-нибудь?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]
Для того, чтобы посоветовать, я Вам задал вопрос в предыдущем посте.
А Вы ограничились абстрактной философией...

Да уж,Вы правы.
Это таблица с кучей вложенных таблиц.

Разобрался сам- криво размеры выставил.

Спасибо за отзывчивость.

_
Не хочется создавать новую тему -
Вы знаете,можно ли как-нибудь удобно центрировать фреймы?
Я построил сайт на 5-и фреймах,исходя из того что динамична лишь одна область,но он некрасиво смотрится(слева сверху сайт,а справа снизу пустые области).Пытался с css выровнить- не получилось.
Возможно ли заключить их в какой-нибудь обьект,а его уже центрировать?

Цитата:

---

Originally posted by _Mr.D._@Jan 4 2007, 15:56
Разобрался сам- просто немного криво размеры выставил.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]
Вот-вот. [Only registered and activated users can see links. Click Here To Register...]
А горизонтальный скролл, насколько мне известно [Only registered and activated users can see links. Click Here To Register...] , отдельно не отключается.

Цитата:

---

Originally posted by _Mr.D._@Jan 4 2007, 15:56
Не хочется создавать новую тему -
Вы знаете,можно ли как-нибудь удобно центрировать фреймы?
Я построил сайт на 5-и фреймах,исходя из того что динамична лишь одна область,но он некрасиво смотрится(слева сверху сайт,а справа снизу пустые области).Пытался с css выровнить- не получилось.
Возможно ли заключить их в какой-нибудь обьект,а его уже центрировать?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]
Вам совет нужен?
В соответствии с уровнем Ваших знаний (не поймите привратно) я бы не советовал Вам связываться с фрэймами вообще. Фрэймы, как альтернативное средство навигации, являются весьма сложным инструментом. У них есть ряд преимуществ (бывают ситуации когда они просто необходимы), но также и ряд не совсем приятных моментов. Если Вы не знакомы с такими темами, как "проверка правильного открытия файла во фрэйме" и "перенос фокуса из фрэйма навигации в основной фрэйм" (это как минимум) – лучше сделайте всё БЕЗ фрэймов.

P.S. А задаются они и выравниваются без помощи CSS. В принципе.

Нет-нет.
Я не буду засорять форум темами - "как открыть ссылочку в другом фрейме" [Only registered and activated users can see links. Click Here To Register...] и с механикой фреймов я знаком.
Шаблон уже готов на 90%. Все стили для текстов,таблиц,ссылок прописаны,остался лишь этот косячек.
Я очень прошу совета и помощи.

Цитата:

---

Возможно ли заключить их в какой-нибудь обьект,а его уже центрировать?

---

Почему фреймы? Меня очень попросили о быстром сайте.

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

PS: Лучшее что мне приходит на ум это сделать еще по фрейму слева и сверху с n% заполнением...но только мне кажется что это лишь захламление.Или нет?

Цитата:

---

Originally posted by _Mr.D._@Jan 4 2007, 16:18
Наверное я слишком много вопросов задаю,но это лишь потому-что мне понадобилось ускоренно войти в эту стихию на координально новом уровне...Не хочется делать абы как.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]
Да ладно Вам стесняться-то...
Скромность украшает только тех, у кого других украшений нет...

Цитата:

---

Originally posted by _Mr.D._@Jan 4 2007, 16:18
Вы знаете,можно ли как-нибудь удобно центрировать фреймы?
Я построил сайт на 5-и фреймах,исходя из того что динамична лишь одна область,но он некрасиво смотрится(слева сверху сайт,а справа снизу пустые области).Пытался с css выровнить- не получилось.
Возможно ли заключить их в какой-нибудь обьект,а его уже центрировать?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]
Фрэймсет – в студию!

Цитата:

---

Originally posted by Aykroyd@Jan 4 2007, 12:29
Фрэймсет – в студию!
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]

Без css,логотипов и текста,но с изображениями и разметкой.
Мне не разрешили кинуть .rar пришлось переименовать расширение в .bmp.

Вы где то писали - "это лучший форум"...Кажется так оно и есть.

Цитата:

---

Originally posted by _Mr.D._@Jan 4 2007, 16:18
PS: Лучшее что мне приходит на ум это сделать еще по фрейму слева и сверху с n% заполнением...но только мне кажется что это лишь захламление.Или нет?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]
Ага, пустите еще десяток-другой фрэймов сверху и снизу. [Only registered and activated users can see links. Click Here To Register...]
Если уж фрэймы Вам действительно так нужны, как минимум примите к сведению, что больше ТРЕХ фрэймов на странице – это уже, как правило, безобразие...

Там кстати много-много мусора...
Стыдно.

Цитата:

---

Originally posted by _Mr.D._@Jan 4 2007, 16:41
Там кстати много-много мусора...
Стыдно.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]
Не в этом суть пока.
Почему все изображения – .BMP??? :shok:

Да так просто(мне и в tif удобно было-бы localhost как никак).
Естественно я потом все ужму в gif или jpeg.

1. Неправильный DOCTYPE. Для фрэймсета он должен быть:

Код:

---

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

---

2. Не пишется в HTML "px" в значениях ширины и высоты строк и столбцов!

3. Во фрэймсете не может быть <body></body>. А если и может быть, то он должен быть заключен в <noframes>...</noframes>.

4. Сами элементы <frameset> надо бы и закрывать. Почему они у вас без закрывающих тэгов?

5. Изначально Вы задаете три строки в первом фрэймсете. А в последствии описываете только две... Так нельзя.

5. Третий и четвертый фрэймсет не надо разделять.


Это только на первый взгляд, пока...
Но по-моему уже достаточно, чтобы Вам отказаться от фрэймов.
С механикой фрэймов Вы, к сожалению, очень плохо знакомы...

<div class='quotetop'>Цитата</div>

Цитата:

---

1. Неправильный DOCTYPE. Для фрэймсета он должен быть:

Код:

---

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

---

[/b]

---

Приму к сведению..

<div class='quotetop'>Цитата</div>

Цитата:

---

2. Не пишется в HTML "px" в значениях ширины и высоты строк и столбцов![/b]

---

Хорошо.

<div class='quotetop'>Цитата</div>

Цитата:

---

3. Во фрэймсете не может быть <body></body>. А если и может быть, то он должен быть заключен в <noframes>...</noframes>.[/b]

---

Я об этом читал,но неправильно понял.

<div class='quotetop'>Цитата</div>

Цитата:

---

4. Сами элементы <frameset> надо бы и закрывать. Почему они у вас без закрывающих тэгов?[/b]

---

Я думал,что закрывать их как и
вовсе не обязательно.

<div class='quotetop'>Цитата</div>

Цитата:

---

5. Изначально Вы задаете три строки в первом фрэймсете. А в последствии описываете только две... Так нельзя.[/b]

---

Действительно...

<div class='quotetop'>Цитата</div>

Цитата:

---

5. Третий и четвертый фрэймсет не надо разделять.[/b]

---

[Only registered and activated users can see links. Click Here To Register...]

<div class='quotetop'>Цитата</div>

Цитата:

---

Это только на первый взгляд, пока...
Но по-моему уже достаточно, чтобы Вам отказаться от фрэймов.
С механикой фрэймов Вы, к сожалению, очень плохо знакомы...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/b][/quote]

Значит - переписывать...
Ладно.
Благодарю Вас. Взгляд профессионала всегда отрезвляет.

Вот таким должен быть Ваш фрэймсет:

Код:

---

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>ООО Пелла-Маш</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="Description" content="Официальный сайт ООО Пелла-Маш">
<meta name="Generator" content="Deus Design Studio">
<meta name="Author" content="Deus">
</head>

<frameset rows="167,*">
 *<frame src="decode/logo_top.html" name="logo_top" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" noresize>
 *<frameset cols="202,*">
 * *<frame src="decode/left_menu.html" name="left_menu" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" noresize>
 * *<frame src="decode/content.html" name="content" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" noresize>
 *</frameset>
</frameset>

</html>

---

1. Никаких лишних фрэймов. Трех в Вашем случае – вполне достаточно. Второе меню девайте куда хотите – хоть в шапку, хоть в контент. Но отдельный фрэйм для него, а тем более отдельный фрэйм под футер – это уже "слишком".

2. Никаких нерекомендуемых и _несуществующих_ атрибутов и _несуществующих_ значений этих атрибутов. [Only registered and activated users can see links. Click Here To Register...]

:hi:

Знаете,мне кажется что в будущем я перевезу Вас в Питер и предоставлю неплохую зарплату [Only registered and activated users can see links. Click Here To Register...]k:
Это не совсем шутка.

А если к делу - все-таки как можно центрировать такую штуку как фрейм? А то смотрится не очень в левом верхнем уголке.

Цитата:

---

Originally posted by _Mr.D._@Jan 4 2007, 17:55
Знаете,мне кажется что в будущем я перевезу Вас в Питер и предоставлю неплохую зарплату [Only registered and activated users can see links. Click Here To Register...]k:
Это не совсем шутка.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]
Благодарю Вас! [Only registered and activated users can see links. Click Here To Register...]
Но я директор Центра Информационных Технологий, сижу в офисе, жду определенных событий и просто особо в данный момент ничем не занят. [Only registered and activated users can see links. Click Here To Register...]

Цитата:

---

Originally posted by _Mr.D._@Jan 4 2007, 17:55
А если к делу - все-таки как можно центрировать такую штуку как фрейм? А то смотрится не очень в левом верхнем уголке.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]
Вопрос изначально некорректный. Центрировать или "гонять по экрану" можно только инлайн-фрэймы (<iframe>). В Вашем же случае проблема заключается не во фрэймах, как таковых, а в содержимом этих фрэймов.
Растягивайте фон, подгоняйте размеры содержимого каждого фрэйма, регулируйте отступы. И проблема решится сама собой... [Only registered and activated users can see links. Click Here To Register...]

Цитата:

---

Благодарю Вас! tongue.gif
Но я директор Центра Информационных Технологий, сижу в офисе, жду определенных событий и просто особо в данный момент ничем не занят. biggrin.gif

---

Как знать..Возможно недолго вам еще быть директором этого центра...Альтернатива есть всегда.

Цитата:

---

Вопрос изначально некорректный. Центрировать или "гонять по экрану" можно только инлайн-фрэймы (<iframe>). В Вашем же случае проблема заключается не во фрэймах, как таковых, а в содержимом этих фрэймов.
Растягивайте фон, подгоняйте размеры содержимого каждого фрэйма, регулируйте отступы. И проблема решится сама собой... smile.gif

---

Отступы.


Тема закрыта.

Выражаю огромнейшую благодарность Aykroyd`у (знать бы как произнести [Only registered and activated users can see links. Click Here To Register...] ).
Побольше бы таких директоров!

эх. какую дискуссию пропустил. фреймы для сайта - зло. все что реализуется фреймами лучше реализовывать через блочную модель XHTML+CSS, а еще больше это улучшится при применении AJAX.

фреймы можно еще использовать для бэкендов, но ни как не для фронтендов. И как правильно было замечено. Больше 3х фреймов еще большее зло, чем сами фреймы. :crazy:

Цитата:

---

Originally posted by _Mr.D._@Jan 4 2007, 16:12
[b]Как знать..Возможно недолго вам еще быть директором этого центра...Альтернатива есть всегда.

---

ой, улыбнули :lol2: :lol2: :lol2:

Цитата:

---

Originally posted by Zigzag@Jan 4 2007, 18:29
эх. какую дискуссию пропустил.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]

Эт точно. [Only registered and activated users can see links. Click Here To Register...] Уж мне тут "досталось" без Вас... [Only registered and activated users can see links. Click Here To Register...]

Цитата:

---

Originally posted by Zigzag@Jan 4 2007, 18:29
все что реализуется фреймами лучше реализовывать через блочную модель XHTML+CSS+ECMASript.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]
Вот и я тут пытался... [Only registered and activated users can see links. Click Here To Register...] Все что реализуется фреймами лучше реализовывать без фрэймов... :biggrin2:

<div class='quotetop'>Цитата</div>

Цитата:

---

ой, улыбнули[/b]

---

Я сам в панике! :crazy:

Да ладно [Only registered and activated users can see links. Click Here To Register...]
Досталось [Only registered and activated users can see links. Click Here To Register...]
Помогли человеку - чем не радость?
А то я уж :suicide2:
Спасиб [Only registered and activated users can see links. Click Here To Register...]

Цитата:

---

Originally posted by _Mr.D._@Jan 4 2007, 18:46
Да ладно* [Only registered and activated users can see links. Click Here To Register...]
Досталось* [Only registered and activated users can see links. Click Here To Register...]
Помогли человеку - чем не радость?
А то я уж* :suicide2:
Спасиб* [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]
Да не за что. [Only registered and activated users can see links. Click Here To Register...]
Удачи Вам в Ваших начинаниях.

замучился уже если честно, третий день не могу решить проблему
цель - страница должна одинаково отображаться во всех браузерах, но

есть <div> вложенный в <td>
у данного дива style:

Код:

---

.overflow {****position: relative;
 *height: 100%;
 *width: 100%;
 *overflow: scroll;}

---

в эксплорере все нормально, но в мозилло-подобных браузерах (ФФ, Опера, Геко) не работает
точнее работает, но только если style сделать таким:

Код:

---

.overflow {****position: relative;
 *height: 100px;
 *width: 100px;
 *overflow: scroll;}

---

то есть при точно выставленных ширине и высоте...
но данный метод меня не устраивает так как див должен занимать всю ячейку таблицы...
испробованы хаки -moz-scrollbars-vertical и -moz-scrollbars-horizontal, не помогло...

принято решение выставлять эти точные значения JS-выражениями
например так:

Код:

---

.overflow {****position: relative;
 *height: expression(document.all.TD_ID.clientHeight);
 *width: expression(document.all.TD_ID.clientWidth);
 *overflow: scroll;}

---

не срабатывает, так как в этом выражении мозилло-подобные возвращают значения слабо имеющие отношения к реальности...
к тому же даже эти значения не обрабатываются в style
попробовал подставлять document.all.TD_ID.style.height (и соответственно width), но они в состоянии undefined...

продолжается поиск решения [Only registered and activated users can see links. Click Here To Register...]

Цитата:

---

Originally posted by r4in@Feb 5 2007, 19:07
продолжается поиск решения [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]
Не знаю, что Вы там ищете. Никаких хаков или специальных ухищрений здесь не требуется. Описанная Вами конструкция с размерами в процентах прекрасно работает во всех браузерах.

Если избавиться от файла с фреймсетом, то такая фреймовая конструкция, где каждый фрейм "знает", с кем от грузится - будет великолепно индексироваться поисковиками. Пишите, если что.
Удачи.

to JVN
Да тут уже про фреймы давно речь не идет...
Новый вопрос задан... в соответствии с изначальным смыслом темы...

далее идут примеры по порядку
1- IE 6.0.2900.2180 - правильное отображение
2- opera 9.10
3- firefox 1.5.0.9
4- gecko 5.0 20050905
собственно хтмл

Код:

---

<html><link rel="stylesheet" type="text/css" href="test.css">
<head><title>test</title></head><body>
<table border=10 width=100% height=100% id=int>
<tr><td valign=top><div class=overflow><table border=10>
<tr><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td></tr>

<tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr> <tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr><tr><td><font id=com>Ресурс</font></td></tr>
</table></div></td></tr></table>
</body></html>

---

собственно css

Код:

---

table {border-collapse: collapse;}
table#int {border-collapse: collapse;
****table-layout: fixed;}
.overflow {****position: relative;
 *height: 100%;
 *width: 100%;
 *overflow: scroll;}

---

если все так хорошо, как вы пишите, то как объяснить скриншоты?
опера при таком коде даже содержимое <div> не выводит...
firefox и gecko не считают нужным укладывать таблицу в 100% окна и/или делать скроллы доступными...

подчеркиваю, если в стиле выставить значения в пикселах все становиться нормально...

Вы бы !DOCTYPE для начала правильный указали. Дабы не вводить браузеры в искушение...

Мда... Ну и мешанина тут у Вас... [Only registered and activated users can see links. Click Here To Register...]

Ну, во-первых:

Цитата:

---

1- IE 6.0.2900.2180 - правильное отображение

---

НЕ правильное отображение.
В этом-то и заключается одно из самых главных заблуждений...
То, что является на Ваш взгляд "правильным" – не более, чем очередной баг этого знаменитого своей корявостью браузера.

Цитата:

---

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

---

Элементарно объяснить. Вольностями в коде это объясняется...

Цитата:

---

firefox и gecko не считают нужным укладывать таблицу в 100% окна и/или делать скроллы доступными...

---

И правильно делают. Да будет Вам известно, для элемента <table> Спецификация HTML 4.01 не предусматривает атрибута height. От этого атрибута, кстати, у Вас как раз Оперу и переколбашивает (не выводится содержимое дива)...
Чтобы появился вертикальный скролл у дива, ячейка внешней таблицы, в которой див находится, должна иметь фиксированную высоту, которая в свою очередь должна быть меньше реального содержимого дива. И никак не иначе.

Логика здесь простая. Если Вы задаете 100% высоту для дива, он пытается уместиться во всю высоту ячейки Вашей внешней таблицы. А если высота для этой ячейки не задана явно – эта ячейка по всем принятым законам и правилам растягивается, чтобы уместить все свое содержимое. А вслед за ней растягивается по высоте и вся внешняя таблица.

Если Вы укажете в своем документе правильный !DOCTYPE (например, строгое ОТД):

Код:

---

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

---

и тем самым переведете IE в стандартный режим рендеринга (режим соответствия стандартам), Вы увидите, что и IE (наравне с FF и Оперой) перестанет укладывать внешнюю таблицу в 100%-ную высоту окна.

Вот [Only registered and activated users can see links. Click Here To Register...] посмотрите всеми браузерами. Может быть не совсем то, чего бы Вы хотели, но это максимальная, на мой взгляд, реальность в случае с таблицами... [Only registered and activated users can see links. Click Here To Register...] Конечно, возможны небольшие вариации...

спасибо за данную информацию.... крайне полезно... но основная моя проблема не решена....
того же самого я мог добиться поставив в стиле точные значения высоты и ширины div&#39;a...
а как сделать так чтоб при ресайзе окна менялась, не только ширина, но и высота.... div&#39;а и соответственно td ?
ведь исходя из того о чем вы сказали я не могу задать height в процентах?
мб, я могу передать значение в виде свойства какого-либо объекта JS?
например так
.h500 {height: expression(document.all.TD_ID.clientHeight);}
.h500 {height: expression(document.all.TD_ID.style.height);}

но первый вариант возвращает значение, которое ближе к ширине окна браузера
а второй находится в состоянии undefined

Вы знаете, я не являюсь большим специалистом в области JS и expression-ов.

Цитата:

---

а как сделать так чтоб при ресайзе окна менялась, не только ширина, но и высота.... div&#39;а и соответственно td ?

---

Данная ситуация несколько напоминает мне вот [Only registered and activated users can see links. Click Here To Register...] недавний вопрос.
Честно говоря, мне не совсем понятно зачем Вам необходима именно такая реализация. Возможно есть какие-нибудь альтернативные решения.

Ячейку Вашей внешней таблицы Вы вряд ли заставите вести себя так, как Вы бы хотели. Откажитесь от макетных таблиц! Сверстайте свой макет исключительно блочно. Это не только позволит решить Вашу задачу без JS, но также предоставит и другие [Only registered and activated users can see links. Click Here To Register...] в дальнейшем.

[Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...] Если понравится – с Вас 100 грамм и пончик. :read: [Only registered and activated users can see links. Click Here To Register...]

Цитата:

---

Originally posted by r4in+Feb 5 2007, 17:07-->

Цитата:

---

в эксплорере все нормально, но в мозилло-подобных браузерах (ФФ, Опера, Геко) не работает

---

в IE нормально не бывает, Gecko это движек FF< Mozilla, Netscape. Опера использует свой движок, Merlin в 9ой версии. И где вы нашли браузер Gecko?

<!--QuoteBegin-r4in@Feb 5 2007, 17:07
[b]испробованы хаки -moz-scrollbars-vertical и -moz-scrollbars-horizontal, не помогло...

---

это не хаки, а тестовые заглушки CSS3 свойств.


[quote]
далее идут примеры по порядку
1- IE 6.0.2900.2180 - правильное отображение
2- opera 9.10
3- firefox 1.5.0.9
4- gecko 5.0 20050905
собственно хтмл

Код:

---

<html><link rel="stylesheet" type="text/css" href="test.css">
<head><title>test</title></head><body>
<table border=10 width=100% height=100% id=int>
<tr><td valign=top><div class=overflow><table border=10>
<tr><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td><td><font id=com>Ресурс</font></td>
......
......
......
</table></div></td></tr></table>
</body></html>

---

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

а остальное вам подсказали. не поленитесь почитать литературу о методах и приемах современной верстки.