Помогите побороть ИЕ6

Главные вкладки

Аватар пользователя fairwind fairwind 20 ноября 2010 в 21:45

Прошу помощи зала.

Есть сайт chelpsy.ru. И на главной в ИЕ6 творится ужос: центральная колонка почему-то оказывается под левым сайдбаром, и вдобавок текст куда-то девается.
На сайте стоит докрученная-доверченная Acquia Marine, и где-то в процессе докручивания случилась бяка. А я бяки не вижу - у меня ие7.
До куч почему-то не работает png-fix, хотя вроде все правильно сделано.

зы. я ненастоящий верстальшик Smile

Комментарии

Аватар пользователя v1adimir@drupal.org v1adimir@drupal.org 20 ноября 2010 в 22:53

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

процент пользователей с 6-кой, на самом деле, заметно упал за 2010. к концу 2011, надеюсь, верстка под шестого ослика окончательно потеряет актуальность.

Аватар пользователя andribas@drupal.org andribas@drupal.org 20 ноября 2010 в 23:53

такая штука здесь у половины наверное - дизайн расползается в ие6.
у вас использована 960.gs на главной там где ползет, так вот там где-то косяк в ширине, отступах - я когда у себя искал эту ошибку тоже нашел, ff и остальные как бы прощают этот косяк, а старый осел ие6 - нет!

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

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

Аватар пользователя andribas@drupal.org andribas@drupal.org 21 ноября 2010 в 0:10

"q2_faith" wrote:
давно известная проблема что ие6 к заданной ширине прибавляет маржин

в 960.gs этой проблемы насколько мне известно нет - сам искал такое, потом оказалось где-то "alpha", где "omega" не хватало, ну и ширина должна быть grid-8 или что у него там - оказалось, что ошибка именно в коде, не в css.

Аватар пользователя fairwind fairwind 21 ноября 2010 в 9:34

Если б я знал, где ошибся, и как правильно - исправил бы, и все Smile Но я ненастоящий верстальщик Wink

Отбиваться от ИЕ6 я не стану - у 29% посетителей сайта ИЕ, из них 22% используют ИЕ6. Сайт мой, пинать посетителей мне ни к чему. Доля ИЕ6 снижается, конечно, но все еще очень велика.

Я подозреваю, что что-то с шириной, но у какого блока и какую ширину надо поставить... Потому и пишу тут Smile

q2_faith, все css доступны - прошу посмотреть. Хаки ИЕ - в отдельных файлах для 6ки, и 7ки. Если нужно - выложу исходники страницы.

andribas@drupal.org, не понял вашего сообщения.

зы. блин, на вторых страницах та же хрень. ну логично...

Аватар пользователя v1adimir@drupal.org v1adimir@drupal.org 21 ноября 2010 в 12:05

fairwind wrote:
Отбиваться от ИЕ6 я не стану - у 29% посетителей сайта ИЕ, из них 22% используют ИЕ6....

извиняюсь, хочу уточнить "из них 22% используют ИЕ6" или из всех посетителей 22% пользуют ИЕ6?

Аватар пользователя fairwind fairwind 21 ноября 2010 в 17:34

<a href="mailto:v1adimir@drupal.org">v1adimir@drupal.org</a> wrote:
fairwind wrote:
Отбиваться от ИЕ6 я не стану - у 29% посетителей сайта ИЕ, из них 22% используют ИЕ6....

извиняюсь, хочу уточнить "из них 22% используют ИЕ6" или из всех посетителей 22% пользуют ИЕ6?

из пользователей ИЕ - 22% с 6й версией.

Аватар пользователя fairwind fairwind 21 ноября 2010 в 11:03

Ага, попадание контента под сайдбар я победил. Гугльрекламу убрал (странно - блоку стоит overflow:hidden, но не работает... Видимо, потому что гугль iframe вставляет), и поле поиска вылезало немного за блок.

Победил и корявость блоков: оказывается, ul-у в блоке не хватало класса clearfix.

Осталось победить png fix. Снова прошу помощи!

Аватар пользователя andribas@drupal.org andribas@drupal.org 21 ноября 2010 в 11:25

вроде модуль есть такой, но я обычный скрипт прописал DD_belatedPNG.js
и вставил его в конец страницы в шаблоне

<!--[if IE 6]>
<script src="/sites/all/themes/ural/framework/DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('.fix-ie6, .fix2-ie6, .top-cap-4, .top-cap-4-f, .box-under-cap, .box-cap, .shadow-240, .shadow-160, .views-field-field-main-photo-fid');
</script>
<![endif]-->

хотя невписанные классы вроде тоже работают.

Аватар пользователя fairwind fairwind 21 ноября 2010 в 17:36

<a href="mailto:andribas@drupal.org">andribas@drupal.org</a> wrote:
вроде модуль есть такой, но я обычный скрипт прописал DD_belatedPNG.js
и вставил его в конец страницы в шаблоне

<!--[if IE 6]>
<script src="/sites/all/themes/ural/framework/DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('.fix-ie6, .fix2-ie6, .top-cap-4, .top-cap-4-f, .box-under-cap, .box-cap, .shadow-240, .shadow-160, .views-field-field-main-photo-fid');
</script>
<![endif]-->

хотя невписанные классы вроде тоже работают.


спасибо, попробую заменить на этот.

Аватар пользователя gorr gorr 21 ноября 2010 в 14:10

"<a href="mailto:v1adimir@drupal.org">v1adimir@drupal.org</a>" wrote:
извиняюсь, хочу уточнить "из них 22% используют ИЕ6" или из всех посетителей 22% пользуют ИЕ6?

На сайтах, где пользователи отношения к сети не имеют, у меня по статистике более 9% пользователей под ие6, грубо говоря каждый 10-й посетитель.
Просматриваю эту графу статистики регулярно, с надеждой, но светлое будущее все не приходит и не приходит.

Аватар пользователя gorr gorr 21 ноября 2010 в 14:28

"<a href="mailto:andribas@drupal.org">andribas@drupal.org</a>" wrote:
но я обычный скрипт прописал DD_belatedPNG.js

Пробовал все варианты png фиксов, могу с уверенностью сказать, что этот оказался лучшим, тоже его рекомендую.

Аватар пользователя fairwind fairwind 21 ноября 2010 в 18:23

gorr wrote:
"<a href="mailto:andribas@drupal.org">andribas@drupal.org</a>" wrote:
но я обычный скрипт прописал DD_belatedPNG.js

Пробовал все варианты png фиксов, могу с уверенностью сказать, что этот оказался лучшим, тоже его рекомендую.

ААА! Заработало! Lol

Аватар пользователя arlunar arlunar 21 ноября 2010 в 15:23

А не проще добавить определитель браузера и если кто-то на IE 6 зайдёт - то вывести сообщение обновиться до Firefox или оперы или хрома ? А ещё лучше добавить статью насколько плох IE. И будет и тебе счастье и пользователям.

Аватар пользователя andribas@drupal.org andribas@drupal.org 21 ноября 2010 в 15:26

"arlunar" wrote:
то вывести сообщение обновиться до Firefox или оперы или хрома ? А ещё лучше добавить статью насколько плох IE.

это жестоко, думаете они сами об этом не знают?

Аватар пользователя fairwind fairwind 21 ноября 2010 в 17:36

arlunar wrote:
В том то и дело что незнают и думают что ИЕ 6 - единственный браузер ).

Те, кто еще не обновился, самостоятельно никогда не обновятся. Большинство из них даже не знают такого слова - браузер. Закрывать для них сайт - просто терять посетителей.

Аватар пользователя gorr gorr 21 ноября 2010 в 17:41

"arlunar" wrote:
А не проще добавить определитель браузера и если кто-то на IE 6 зайдёт - то вывести сообщение обновиться до Firefox или оперы или хрома ? А ещё лучше добавить статью насколько плох IE. И будет и тебе счастье и пользователям.

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

Аватар пользователя Shift-Web Shift-Web 21 ноября 2010 в 17:46

Хотя хитрожопых никто не любит, но тем не менее предложу:

В башку:

<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />

К <_/бади>:

<!--[if IE 6]>
<div id="chrome-frame"></div>
<script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js" type="text/javascript"></script>
<script type="text/javascript">
   CFInstall.check({ "node": "chrome-frame", "mode": "inline" });
</script>
<![endif]-->