Страница 2 из 2 ПерваяПервая 12
Показано с 21 по 36 из 36

Тема: Scrolling

  1. #21

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

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


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

    Выражаю огромнейшую благодарность Aykroyd`у (знать бы как произнести ).
    Побольше бы таких директоров!

  2. #22

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    эх. какую дискуссию пропустил. фреймы для сайта - зло. все что реализуется фреймами лучше реализовывать через блочную модель XHTML+CSS, а еще больше это улучшится при применении AJAX.

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

  3. #23

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

  4. #24

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Zigzag@Jan 4 2007, 18:29
    эх. какую дискуссию пропустил.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Эт точно. Уж мне тут "досталось" без Вас...

    Originally posted by Zigzag@Jan 4 2007, 18:29
    все что реализуется фреймами лучше реализовывать через блочную модель XHTML+CSS+ECMASript.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Вот и я тут пытался... Все что реализуется фреймами лучше реализовывать без фрэймов... :biggrin2:

    <div class='quotetop'>Цитата</div>
    ой, улыбнули[/b]
    Я сам в панике!

  5. #25

    Регистрация
    29.12.2006
    Сообщений
    40
    Да ладно
    Досталось
    Помогли человеку - чем не радость?
    А то я уж
    Спасиб

  6. #26

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by _Mr.D._@Jan 4 2007, 18:46
    Да ладно*
    Досталось*
    Помогли человеку - чем не радость?
    А то я уж*
    Спасиб*
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Да не за что.
    Удачи Вам в Ваших начинаниях.

  7. #27

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

    есть <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...

    продолжается поиск решения

  8. #28

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by r4in@Feb 5 2007, 19:07
    продолжается поиск решения
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Не знаю, что Вы там ищете. Никаких хаков или специальных ухищрений здесь не требуется. Описанная Вами конструкция с размерами в процентах прекрасно работает во всех браузерах.

  9. #29

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

  10. #30

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    to JVN
    Да тут уже про фреймы давно речь не идет...
    Новый вопрос задан... в соответствии с изначальным смыслом темы...

  11. #31

    Регистрация
    05.02.2007
    Сообщений
    3
    далее идут примеры по порядку
    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% окна и/или делать скроллы доступными...

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

  12. #32

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Вы бы !DOCTYPE для начала правильный указали. Дабы не вводить браузеры в искушение...

  13. #33

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Мда... Ну и мешанина тут у Вас...

    Ну, во-первых:
    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%-ную высоту окна.

    Вот [Только зарегистрированные пользователи могут видеть ссылки. ] посмотрите всеми браузерами. Может быть не совсем то, чего бы Вы хотели, но это максимальная, на мой взгляд, реальность в случае с таблицами... Конечно, возможны небольшие вариации...

  14. #34

    Регистрация
    05.02.2007
    Сообщений
    3
    спасибо за данную информацию.... крайне полезно... но основная моя проблема не решена....
    того же самого я мог добиться поставив в стиле точные значения высоты и ширины 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

  15. #35

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Вы знаете, я не являюсь большим специалистом в области JS и expression-ов.
    а как сделать так чтоб при ресайзе окна менялась, не только ширина, но и высота.... div&#39;а и соответственно td ?
    Данная ситуация несколько напоминает мне вот [Только зарегистрированные пользователи могут видеть ссылки. ] недавний вопрос.
    Честно говоря, мне не совсем понятно зачем Вам необходима именно такая реализация. Возможно есть какие-нибудь альтернативные решения.

    Ячейку Вашей внешней таблицы Вы вряд ли заставите вести себя так, как Вы бы хотели. Откажитесь от макетных таблиц! Сверстайте свой макет исключительно блочно. Это не только позволит решить Вашу задачу без JS, но также предоставит и другие [Только зарегистрированные пользователи могут видеть ссылки. ] в дальнейшем.

    [Только зарегистрированные пользователи могут видеть ссылки. ] Если понравится – с Вас 100 грамм и пончик. :read:

  16. #36

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    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>

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

Страница 2 из 2 ПерваяПервая 12

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •