страничка не грузится (IE 6, XP)
Трабла в следующем. Налабал сайт, http:/parus-idel.ru. Смотрю его из офиса.
На пяти компах открывается, на трех - открывает бэкграунд, одну флэшку и ВСЕ. Пишет - готово. Все брандмауэры возможные выключил, антивирусники и прочую лабуду - та же фигня. Причем от сервис пака 1 не зависит.
Здравствуйте!
Трабла в следующем. Налабал сайт, http:/parus-idel.ru. Смотрю его из офиса.
На пяти компах открывается, на трех - открывает бэкграунд, одну флэшку и ВСЕ. Пишет - готово. Все брандмауэры возможные выключил, антивирусники и прочую лабуду - та же фигня. Причем от сервис пака 1 не зависит.
А где сайт - то ? Земеля.
А где сайт - то ? Земеля.
http://parus-idel.ru
на самом-то деле, я выяснил, почему. Там парочка флэшек сделана под Flash MX, но в настройках стоит publish as Flash 5.0. И все равно, если на компе нет плейера версии 7.0, страничка после долгих раздумий говорит таки "а я вот тут пока вы ждали вам плагинчик новый скачала для флэшки, установить, чтоли?". Вот. А кривизна обнаружилась под не!скапой и, соответственно, мозилой - почему-то не работают параметры width и height в процентах у iframe. В опереже ваще кошмар творится... ;)))
Ну раз с проблемой разобрался - я про это говорить не буду, а вот про сайт пару слов скажу.
Сразу видно, что сайт делался исключительно под IE6 (потому что даже в IE5 он работает неправильно) и под другими браузерами не тестировался совсем (иначе ты хотя бы заметил то, что нигде кроме IE твои flash ролики не отрисовываются из-за того, что ты для <embed> тега неправильный путь прописал).
Очень необычно выглядит пробел перед значением аттрибутов - интересно, зачем это?
Про использование document.all уже было сказано очень много, но люди упорно продолжают пользоваться этим пережитком прошлого... Почему нельзя использовать стандартный document.getElementById() и не иметь проблем ни с одним браузером? Пока же из-за этого меню (и вообще вся навигация по сайту) не работают. Кроме того вообще неясно, зачем делать навигацию по сайту через JavaScript (который может быть отключен у пользователя) если есть стандартный путь сделать то же самое и это будет работать везде:
test
Точно так же весь остальной JavaScript может быть заменен на использование стандартных средств CSS. Зачем делать hover через JavaScript, когда сам же используешь a:hover? Это выше моего понимания...
Вот этот "перл" меня вообще очень порадовал:
Даже если опустить комментарии о странности такого подхода к реализации - не надо забывать, что никто кроме IE не занимается такой глупостью как регистрация всех именованных объектов страницы в виде глобальных переменных JavaScript. Соответственно этот код нигде кроме IE работать не будет, зато будет создавать перманентные появления окна с ошибками JavaScript, что сделает работу с сайтом просто невозможной (не забываем, что отключение JavaScript заблокирует всю навигацию). И опять же встает вопрос - зачем такие сложности если то же самое делается стандартными средствами и без проблем работает везде?
table {border: 1px solid red}
td {border: 1px solid green}
</style>
<table style="width: 60%; height: 100%">
<tr><td style="height: 20%"><h1>test</h1></td></tr>
<tr><td style="height: 70%">
<iframe src="page.html" style="width: 70%; height: 100%"></iframe>
</td></tr>
<tr><td style="height: 10%">
test</p></td></tr>
</table>
Есть там и еще целый ряд более мелких проблем, но и без этого очевидно что сайт сделан просто ужасно. И то что он (естественно) отрисовывается неправильно в Mozilla и Opera (и даже в IE5) вина совсем не браузеров, а разработчиков этого сайта, не умеющих использовать те технологии, которыми они пытаются пользоваться.
Сразу видно, что сайт делался исключительно под IE6 (потому что даже в IE5 он работает неправильно) и под другими браузерами не тестировался совсем (иначе ты хотя бы заметил то, что нигде кроме IE твои flash ролики не отрисовываются из-за того, что ты для <embed> тега неправильный путь прописал).
Очень необычно выглядит пробел перед значением аттрибутов - интересно, зачем это?
ну... код легче читается
Про использование document.all уже было сказано очень много, но люди упорно продолжают пользоваться этим пережитком прошлого... Почему нельзя использовать стандартный document.getElementById() и не иметь проблем ни с одним браузером?
Большое спасибо за совет! Не знал такой фишки...
Вот этот "перл" меня вообще очень порадовал:
window.setInterval('tdfrm.style.height = document.body.clientHeight - 115',100);
Это пока единственный способ собрать паззл. У меня table width и так 100%, все строчки имеют
height = n, где n - конкр. число, нельзя мне там проценты исп-ть, и одна строчка - которая содержит iframe - не содержит информации о высоте, - чтобы динамически ресайзилась. И вот не ресайзится!! Приходится затыкать дырку через вот такой, согласен, не совсем логичный способ ;)) Если подскажете, как по-другому, буду очень признателен.
А все-таки, почему в Опере кривизна такая? и в Мозилле? *глупо хлопая глазами*
Это пока единственный способ собрать паззл. У меня table width и так 100%, все строчки имеют
height = n, где n - конкр. число, нельзя мне там проценты исп-ть, и одна строчка - которая содержит iframe - не содержит информации о высоте, - чтобы динамически ресайзилась. И вот не ресайзится!! Приходится затыкать дырку через вот такой, согласен, не совсем логичный способ ;)) Если подскажете, как по-другому, буду очень признателен.
А все-таки, почему в Опере кривизна такая? и в Мозилле? *глупо хлопая глазами*
Сегодня специально потратил час времени на изучение твоего кода и поиска источника проблемы.
Самое главное - ты не понимаешь двух вещей, все проблемы растут отсюда, остальное - лишь последствия. Во-первых ты не до конца знаком с современными web технологиями, похоже твое обучение несильно ушло за пределы просмотра кода других сайтов и прочтения пары-тройки статей или чего-то вроде этого. Т.е. вроде и CSS умеешь использовать и все остальное - но понимания сути используемых технологий нет. А во-вторых ты смотришь на эти технологии через призму кривого рендера страниц в IE. Суть в том, что движок IE рендерит страницы, руководствуясь не только спецификациям W3C, но и тем, что в него напихали в Microsoft для нужд Windows. Соответственно многие вещи в IE и в остальных браузерах рендерятся по-разному. При этом как правильно (с точки зрения спецификаций W3C) рендерят страницы именно остальные браузеры (Mozilla имеет самый правильный рендер, но Opera 7 тоже достаточно хороша). Но в то же время в ряде ситуаций IE ведет себя более "логично" с точки зрения неопытного пользователя выдавая ожидаемый результат в то время как остальные браузеры, работая по всем правилам рендерят страницу по-другому.
В твоем случае наблюдается именно такая ситуация. В соответствии с разделами 10.5 и 10.6.3 спецификации CSS2 (http://www.w3.org/TR/REC-CSS2/visudet.html#q17)
блочный элемент с указанием высоты в процентах может быть отрендерен с заданной высотой только если его родительский элемент имеет заданную абсолютную высоту. Более того в секции 17.5.3 (и некоторых других секций 17-го раздела) той же спецификации указано, что CSS2 не определяет задание colspan/rowspan и что рендеринг элементов с размером, превышающим заданный размер ячейки не определен. Т.е. в твоем случае желаемого результата можно добиться, правильно проставив размеры элементов.
Но в твоем случае положение усугубляется очень страшным месивом таблиц, которое ты наваял. Более того - ты активно используешь colspan/rowspan, которые например IE5 довольно сильно не любит. Я тебе могу сказать со всей уверенностью, что таоя страница может быть сделана раза в 3-4 проще и при этом она будет выглядеть точно так же. А излишняя сложность только добавляет проблем (в том числе и с IFRAME и с проблемами с левой частью страницы).
Не собираясь затевать с вами новую полемику о сути браузеров, должен заметить что описанный вами способ создания навигационного меню отнюдь не является стандартным. так, меню со слоями на javascript также является достаточно стандартным способом и обладает абсолютной кроссбраузерностью.
2 Byte
Во всем остальном я согласен со всем что было сказано и хочу добавить от себя. Всегда давит на психику, если сайт озаглавлен симпатичной флэшкой но при этом выполнен на белом фоне черным стандартным шрифтом. я не настаиваю на использовании фона, но шрифт нужно обязательно поменять + что эта за hover-белый цвет на белом фоне. это фича или бага? (в истории слева где объявления про форум)
.......что эта за hover-белый цвет на белом фоне. это фича или бага? (в истории слева где объявления про форум)
Это, обычно, делается для поисковых роботов, чтобы система чаще мелькала, только это легко вычисляется, и если найдут, то воще выкинут из всех поисковиков!
Это, обычно, делается для поисковых роботов, чтобы система чаще мелькала, только это легко вычисляется, и если найдут, то воще выкинут из всех поисковиков!
Всмысле, вы какую полоску ваще имеете ввиду? Которая новости чтоли разделяет?
Это где именно белый фон и черный стандартный шрифт, можно спросить? Вы какой сайт смотрите-то? http://parus-idel.ru
2 Flying
Не собираясь затевать с вами новую полемику о сути браузеров, должен заметить что описанный вами способ создания навигационного меню отнюдь не является стандартным. так, меню со слоями на javascript также является достаточно стандартным способом и обладает абсолютной кроссбраузерностью.
Если честно - я не понял, о чем речь :) Только что перечитал еще раз все, что писал раньше - нигде не нашел своих претензий к "меню со слоями" :) Я вообще-то говорил, что:
1. Использовать для обращения к элементам страницы document.all - неправильно, особенно сейчас, когда все браузеры давным давно реализуют стандартный аналог - document.getElementById().
2. Я также говорил, что неправильно использовать JavaScript для реализации навигации по сайту поскольку это во-первых делает невозможной навигацию при отключенном JavaScript, во-вторых делает разработку и поддержку сайта намного сложнее, что приводит к ошибкам и опять же проблемам навигации, но теперь уже для всех и в-третьих в этом нет смысла т.к. есть стандартный способ делать то же самое (я его приводил ранее).
Кроме того, даже не обращая внимание на "абсолютную кроссбраузерность" (покажи мне такое меню для lynx :) ) хочу заметить, что на нормальных сайтах, использующих подобные меню нафигация остается полноценной даже если JavaScript отключен.
Во всем остальном я согласен со всем что было сказано и хочу добавить от себя. Всегда давит на психику, если сайт озаглавлен симпатичной флэшкой но при этом выполнен на белом фоне черным стандартным шрифтом. я не настаиваю на использовании фона, но шрифт нужно обязательно поменять + что эта за hover-белый цвет на белом фоне. это фича или бага? (в истории слева где объявления про форум)
Это у тебя в браузере проблемы :) Стили либо не загрузились либо еще что-то типа этого.
2. Я также говорил, что неправильно использовать JavaScript для реализации навигации по сайту поскольку это во-первых делает невозможной навигацию при отключенном JavaScript, во-вторых делает разработку и поддержку сайта намного сложнее, что приводит к ошибкам и опять же проблемам навигации, но теперь уже для всех и в-третьих в этом нет смысла т.к. есть стандартный способ делать то же самое (я его приводил ранее).
вот об этом я и говорю. на мой взгляд стандартным, т.е. простым и частым, является метод слоев и javascript, т.е. при отключенном js работать ничего конечно не будет, но давайте щас все бросим писать на js, поскольку это глупое занятие - целых 0.04% пользователей отключают его.
это конечно мой субъективный взгляд, мне так было проще и понятнее, работает в NN6+ Opera7 IE4+ про lynx ниччего сказать не могу.
вот об этом я и говорю. на мой взгляд стандартным, т.е. простым и частым, является метод слоев и javascript, т.е. при отключенном js работать ничего конечно не будет, но давайте щас все бросим писать на js, поскольку это глупое занятие - целых 0.04% пользователей отключают его.
это конечно мой субъективный взгляд, мне так было проще и понятнее, работает в NN6+ Opera7 IE4+ про lynx ниччего сказать не могу.
Этот разговор абсолютно бесполезен т.к. ты похоже даже не удосужился посмотреть код обсуждаемой страницы. Иначе ты бы понял о чем речь.
Hint: я уже дважды сказал, что я не имею в виду навигацию через "меню".