Глюки, глюки…
Вторник, 20 ноября 2007 г.
Просмотров: 1738
Подписаться на комментарии по RSS
Вчера до двух ночи бился с такой проблемой. Есть довольно простой html-шаблон, основанный на вот таком темплейте.
В нем используется такая хитрость: средняя колонка (1) (основной текст) расположен в файле перед сайдбарами (2 и 3). Сам по себе css-код очень простой и особых проблем быть не должно.
Но вот вчера, делая очередной сайт, я наткнулся на одну неприятность: в IE6 периодически исчезает левая колонка. То есть не «слетает», а именно исчезает (просто не видно). В остальных браузерах (IE7, FireFox, Opera, Safari Win) все работает корректно.
Вначале я решил, что дело в какой-то ошибке в коде. Перерыл все тексты, убрал все тэги и вот в процессе таких действий вдруг обнаружил, что одна и таже страница ведет себя по-разному. То есть при обновлении страницы (F5) левая колонка то показывается, то исчезает. :shock:
Никакой логики я здесь так и не обнаружил, за исключением того, что чем больше страница и чем дольше она грузится, тем чаще исчезает колонка...
Никто не сталкивался?
ps Плагины отключал, все тэги закрытые. ;)
Комментариев: 18
Конкретно по твоему шаблону не скажу (я вообще в дизе и цсс ниче не смыслю), но вот в том шаблоне, что у меня сейчас стоит, тоже наблюдаются некоторые глюки, похожие на твой
Иногда как бы закрывается левый сайдбар, иногда не полностью, иногда блок адсенса привязывается к левому краю экрана, закрывая все что под ним, а в центре просто пустой квадрат 
и глюки только в ИЕ6
порефрешив может как появиться данный глюк, так и исчезнуть
в свое время убил кучу времени по победу над этими шутками, приглашал специалиста по этим делам, несколько глюков (не описанных выше) были побеждены, а эти так и остались, чел руками развел, хз говорит в чем проблема :shock:
Недавно сталкивался с похожей проблемой, и тоже именно в ИЕ.
Решение нашел благодаря генерации кода на одном из этих ресурсов, к сожаление точно не помню на каком из них. Попробуйте, может и Вам поможет.
http://www.inknoise.com/experimental/layoutomatic.php
http://csscreator.com/?q=tools/layout
http://www.qrone.org/cssdesigner.html
http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php
Сталкивался. Правда не сам верстал... И что еще хуже проблему так и не удалось решить. Т.е. редко, но глюк проявляется. См. www.ric.vsu.ru. Вообще у меня подозрение, что колонка не исчезает вовсе, а убегает за пределы экрана и именно когда страница долго грузится, а по F5 все встает на свое место.
Попробуй сохранить страницу на компьютер после того как она загрузилась. И работай не с динамической, а с ее статической копией. Там есть кроме css еще и java?
Тогда остается предположить, что это не качественная прорисовка страницы при неполной загрузке. Снифером можно попробовать посмотреть загрузились ли ВСЕ последние закрывающие теги и целиком ли загрузился css. Попробуй временно очистить css от не важных тегов. Таких как шрифты, цвета и т.п. В общем - уменьшь его размер
Макс, пиши сразу же о таких проблемах на своём форуме со ссылкой на блог, который "тупит")
Там всегда помогут)))
Думаю, что проблема в IE с его float'ом. Там вообще непонятная зависимость - беру добавляю большую (в кб) картинку в пост - колонка слетает гораздо чаще. Наверное нужно искать какой-то хак, но сейчас плюнул, сделал обычную схему: левая колонка, центральная, правая - так и грузятся. Эта схема работает без проблем.
ps rurikus, спасибо за ссылки.
В ие6 бывает еще такой глюк: при большом уровне вложенности у блочных элементов пропадает часть бэкграунда. Это дефект рендеринга в ие.
Максим, наверное я знаю в чем, дело. Я тоже использую шаблон с того сайта, который ты указал (только резиновый) и некогда у меня была подобная проблема, которую я решил следующим образом.
Объясняю по исходному коду указанной тобой страницы.
Тебе нужно обернуть в дополнительный див блоки со следующими идентификаторами: #wrapper, #navigation, #extra, т.е. получится примерно так:
<div id="sub-container"><div id="wrapper">
<div id="content"></div>
</div>
<div id="navigation"></div>
<div id="extra">
</div>
Теперь нужно для блока "sub-container" указать ширину в 100%. Именно в последнем и заключается лекарство.
Надеюсь, что это тебе поможет.
Все дело в том, что Билл Гейтс делал всеми "любимый" IE6 через попу.
Супер! :cool: Дима, где ж ты раньше был? :smile:
Вот и замечательно! Я очень рад, что помог ;).
Выполнял твой заказ
)))) А только после этого ридер открыл и увидел знакомую проблему 
.
известный глюк…
Кстати, Максим, предлагаю еще прочитать мою статью как раз по этой теме - http://suprabiz.com/3_column_css_layout/
Плюсом к тому, что я уже выше сказал, в ней указан важный момент на случай резиновой верстки.
Ага, спасибо. :idea:
для исчезающей колонки нужно поставить height: 1%;
А что в таблицах сейчас уже никто не вестает ???
CSS только ??
Я пользую таблици а не CSS гемора с таблицами меньшне
чем CSS лучше?
generator, предлагаю сперва разобраться что такое CSS. А потом уже, обогатившись этим знанием, понять, что ваш вопрос совершенно бессмысленен.
После чего уже можете изучить различия табличной и div-ной вёрстки.