Scrolling

Вид для печати

Показывать 40 сообщений этой темы на одной странице

04.01.2007, 18:12
_Mr.D._

Цитата:

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

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

Цитата:

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

Отступы.

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

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

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

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

Цитата:

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

ой, улыбнули :lol2: :lol2: :lol2:
04.01.2007, 18:42
Aykroyd

Цитата:

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:
04.01.2007, 18:46
_Mr.D._

Да ладно [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...]
04.01.2007, 19:00
Aykroyd

Цитата:

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...]
Удачи Вам в Ваших начинаниях.
05.02.2007, 19:07
r4in

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

есть <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...]
05.02.2007, 20:24
Aykroyd

Цитата:

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]
Не знаю, что Вы там ищете. Никаких хаков или специальных ухищрений здесь не требуется. Описанная Вами конструкция с размерами в процентах прекрасно работает во всех браузерах.
05.02.2007, 20:46
JVN

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

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

далее идут примеры по порядку
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>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td></tr> <tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr> <tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</td></tr><tr><td>Ресурс</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% окна и/или делать скроллы доступными...

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

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

Мда... Ну и мешанина тут у Вас... [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...] Конечно, возможны небольшие вариации...
06.02.2007, 19:18
r4in

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

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

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

Цитата:

а как сделать так чтоб при ресайзе окна менялась, не только ширина, но и высота.... div'а и соответственно 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...]
07.02.2007, 00:53
Zigzag

Цитата:

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>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td><td>Ресурс</td> ...... ...... ...... </table></div></td></tr></table> </body></html>

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

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

Показывать 40 сообщений этой темы на одной странице