Хелп! - Почему одни и те же страницы в IE8 (на разных компах) выглядят по-разному?

1 234
swim7
На сайте с 22.01.2007
Offline
117
#21
somick:
Девушка, Вы можете проверить самостоятельно. Я Вам ссылочку дал ранее.
Там семи пядей во лбу не требуется, чтобы понять. Есть поле для ввода адреса страницы "Address:". Копируете адрес страницы туда, жмете кнопочку "Check". Видите сверху красную полосу (на момент добавления поста она есть) и кучу красный крестиков ("27 Errors, 2 warning(s)")? Вот на каждый крестик делаете круглые глаза и кричите "О, майн факинг гад!!! Че за на???" Верстальщики понуро тупят глаза и думают "Попалила все-таки... надо переделать"

Когда крестиков не будет, оплачиваете работу. Во всех современных браузерах страница будет смотреться нормально.

штука в том, что валидатор и на Олдменовскую вёрску ругается хз почему - 25 Errors, 1 warning(s) - там из-за Яшиных баннеров траблы.. - хостинг-то народный..

- так что - ну что я им предъявлю - то что вместо 25 Errors, 1 warning(s) стало 26 Errors, 2 warning(s) ??

Услуги и Инфа от Тренеров по Плаванию (http://swim7.narod.ru) - для юзеров forum.searchengines.ru скидка 10% ;-)
S
На сайте с 20.08.2007
Offline
140
#22

Да, там есть и Яшкины проделки, согласен. Беда прям. Я-то рекламу не вижу, и в ошибки не вглядывался.

Но, например,

Line 346, Column 6: end tag for element "DIV" which is not open

<div id="header">

<div class="head">

<ul id="photos">
<li><img src="images/photos/obuchenie_plavaniu_trenerami.jpg" alt="обучайтесь плаванию у профи-тренеров"></li><li><img src="images/photos/plavanie_trener_obuchaet_detei.jpg" alt="тренер по плаванию обучает детей"></li><li><img src="images/photos/obuchenie_plavaniu_detei.jpg" alt="обучение плаванию детей"></li><li><img src="images/photos/plavanie_trener_obuchaet_malchikov.jpg" alt="тренер по плаванию обучает мальчиков"></li><li><img src="images/photos/trener_obuchaet_tehnike_plavaniya.jpg" alt="тренер обучает технике плавания"></li><li><img src="images/photos/plavanie_trener_obuchaet_devochku.jpg" alt="тренер по плаванию обучает девочку"></li><li><img src="images/photos/trener_obuchaet_devochku_plavaniu.jpg" alt="тренер обучает девочку плаванию"></li><li><img src="images/photos/trener_obuchaet_devochku_plavaniu_spina.jpg" alt="тренер обучает девочку плаванию на спине"></li><li><img src="images/photos/trener_obuchaet_malchika_plavaniu_spina.jpg" alt="тренер обучает мальчика плаванию на спине"></li><li><img src="images/photos/trener_obuchaet_rebenka_plavaniu_spina.jpg" alt="тренер обучает ребёнка плаванию на спине"></li><li><img src="images/photos/plavanie_trener_obuchaet_devochku_tehnike.jpg" alt="тренер по плаванию обучает девочку технике "></li><li><img src="images/photos/plavanie_trener_scherbakova.jpg" alt="Тренер по плаванию Щербакова Ю.М."></li><li><img src="images/photos/plavanie_trener_borisova.jpg" alt="Тренер по плаванию Борисова Е.Ю."></li><li><img src="images/photos/plavanie_trener_obuchaet_detei_tehnike.jpg" alt="тренер по плаванию обучает детей технике"></li><li><img src="images/photos/obuchenie_plavaniu.jpg" alt="обучение плаванию"></li><li><img src="images/photos/gruppovoe_obuchenie_plavaniu_detei_trenerom.jpg" alt="групповое обучение плаванию детей тренером"></li><li><img src="images/photos/trener_obuchaet_rebenka_plavaniu_krolem.jpg" alt="Тренер обучает ребёнка плаванию кролем"></li><li><img src="images/photos/bassein_trener_obuchaet_rebenka_plavaniu.jpg" alt="Тренер в бассейне обучает плаванию "></li><li><img src="images/photos/trener_obuchaet_plavaniu_podrostka.jpg" alt="Тренер в обучает плаванию подростка"></li><li><img src="images/photos/sorevnovaniya_itog_obucheniya_plavaniu_trenerom.jpg" alt="соревнования - итог обучения плаванию тренером"></li><li><img src="images/photos/rezultat_obucheniya_plavaniu_trenerami.jpg" alt="результат обучения плаванию тренерами"></li>

</ul>

<ul class="menu">
<li><a href="plavanie-treners.html" class="menu_item">Тренеры</a></li>

<li><a href="obuchenie_plavaniu_vzroslie.html" class="menu_item">Взрослым</a></li>

<li><a href="obuchenie_plavaniu_deti.html" class="menu_item">Детям</a></li>

<li><a href="tehnika_plavania.html" class="menu_item">Техника</a></li>

<li><a href="plavanie_treners_text.html" class="menu_item">Статьи</a></li>

<li><a href="plavanie-bassein.html" class="menu_item">Бассейны</a></li>

<li><a href="treneram-plavaniya.html" class="menu_item">Коллегам</a></li>

<li><a href="forum_plavanie.html" class="menu_item">Форум</a></li>

<li><a href="plavanie_foto.html" class="menu_item">Фотоальбом</a></li>

<li><a href="plavanie_contact.html" class="menu_item">Контакты</a></li>

</ul>
<a class="maplink" href="map.html" title="Карта сайта">Карта сайта</a>

</div>

</div>

</div><!--end header-->

Не сложно посчитать блоки и найти лишний.

Кстати, в целом там сейчас не так все плохо. Зря, может, наехали на парня? Может, это полуфабрикат был.

Olldman, на счет Ваших работ я не сомневаюсь. Я имею удовольствие быть с Вами заочно знакомым еще по форуму Даннео.

swim7
На сайте с 22.01.2007
Offline
117
#23
somick:
Кстати, в целом там сейчас не так все плохо. Зря, может, наехали на парня? Может, это полуфабрикат был.

никто кстати тут ни на кого наезжать не собирается - просто нам надо как-то перепроверить (чужими руками-мозгами) работу наполнителей - пережде всего вёрстку 150 стр. (за деньги само собой)

Вот на кого можно положиться в этом вопросе?

* ссылку на эту тему сразу дала наполнителю, ессестно..

Olldman
На сайте с 21.04.2010
Offline
79
#24
Line 346, Column 6: end tag for element "DIV" which is not open

- действительно, да, вот и на стряпуху бывает проруха :)

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

swim7
На сайте с 22.01.2007
Offline
117
#25
Olldman:
- действительно, да, вот и на стряпуху бывает проруха :)
На отображение это конечно не сказывается, но вот ... да, пропустил, есть грех.

а у somick-то - глаз-алмаз!! ))

somick:
там и денег-то не за что платить... верстку проверить...

как это не за что?? - 150 страниц - это ого-го!!

somick:
я б и бесплатно поправил.

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

somick:
Было бы время, я б и бесплатно поправил. Но сейчас своего головняка полно. Поэтому только советом.

хех! - дык мы подождём если что когда ты освободишся.. - у больно ты глазастый )))

"Во глаз у Лизы Бричкиной!" (С) :))))))))))))))))

а если серьёзно, когда сможешь время выкроить? - если не больше месяца, то подождём без вопросов, а и больше - всегда исправить косяки не позно.. - но только те косяки не все видят, в отличии от тебя! - вот ведь в чём заковыка!

S
На сайте с 20.08.2007
Offline
140
#26

В общем я пересмотрел сейчас много страниц. может, не все 150 но много.

Проблема везде одна и та же: списки в теле страницы. В теле, потому что, например, список меню и "хлебных крошек" сделан нормально, но при оформлении материалов ПОСТОЯННО картина такая:

<ol>

<p>Текст</p><br />

</ol>

или

<ul>

<p><li>Текст</li></p><br />

</ul>

Это будет криво отображаться в старых браузерах. Вы как раз темку на этот счет создали (пример 2 в стартовом посте).

Правильно так:

<ul>
<li>Текст</li>
</ul>

или так:

<ul>
<li><a>Текст</a></li>
</ul>

Плюс я заметил ссылки на это сайт: http://swim7.narod.ru

Это не ссылки на какой-то старый сайт? Может, их надо поменять?

В общем это все.

Причины кривого отображения картинок (вопрос в стартовом посте) мне не понятны, там вроде все ок. Скорее всего это уже проблема устаревшего браузера. Иногда сайты затачивают под старые браузеры "костылями", но в Вашем случае ИМХО это лишнее.

swim7
На сайте с 22.01.2007
Offline
117
#27
somick:
В общем я пересмотрел сейчас много страниц. может, не все 150 но много.
Проблема везде одна и та же: списки в теле страницы. В теле, потому что, например, список меню и "хлебных крошек" сделан нормально, но при оформлении материалов ПОСТОЯННО картина такая:
<ol>
<p>Текст</p><br />
</ol>
или
<ul>
<p><li>Текст</li></p><br />
</ul>

Это будет криво отображаться в старых браузерах. Вы как раз темку на этот счет создали (пример 2 в стартовом посте).

Правильно так:
<ul>

<li>Текст</li>
</ul>

или так:
<ul>

<li><a>Текст</a></li>
</ul>

спасибо за конкретную критику - сейчас скину её переносчикам с тем, чтобы исправили..

somick:
Плюс я заметил ссылки на это сайт: http://swim7.narod.ru
Это не ссылки на какой-то старый сайт? Может, их надо поменять?

это значит перелинковку ещё не везде сделали - это ссылки на наш сайт, где мы скреативили переносимый ныне контент, который мы сейчас и втягиваем в новый диз-вёрстку тут http://swimtreners.narod.ru - а по завершению работ мы всё зальём на http://swim7.narod.ru и забудем про всё эту эпопею как про страшный сон.. ))

somick:

В общем это все.

ну вообщем - ситуация не самая худшая.. - ну что же, уже не плохо... ))

somick:
Причины кривого отображения картинок (вопрос в стартовом посте) мне не понятны, там вроде все ок. Скорее всего это уже проблема устаревшего браузера.

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

ЗЫ

скиньте плиз в личку Ваши платёжные реквизиты - ЯД или WMR - с тем, чтобы мы могли Вам хотя бы 1000руб. за первичный аудит скинуть, а уж дальше - будем Вам стучать в личку тогда, когда переносчики скажут, что они работу закончили (что похоже уже не за горами) - и тогда - если будут какие-то замечания по работе - будем просить их исправить, а нет - будем с ними окончательно расплачивать и прощаться..

Огромное Вам спасибо за помошь!!!

S
На сайте с 20.08.2007
Offline
140
#28
swim7:

скиньте плиз в личку Ваши платёжные реквизиты - ЯД или WMR - с тем, чтобы мы могли Вам хотя бы 1000руб. за первичный аудит скинуть, а уж дальше - будем Вам стучать в личку тогда, когда переносчики скажут, что они работу закончили (что похоже уже не за горами) - и тогда - если будут какие-то замечания по работе - будем просить их исправить, а нет - будем с ними окончательно расплачивать и прощаться..

Чур меня, чтобы я за такую ерунду деньги брал.

Стучите как закончат. Но вообще делать такой сайт без движка и на Народе - это для сильных духом.

Olldman
На сайте с 21.04.2010
Offline
79
#29
Причины кривого отображения картинок (вопрос в стартовом посте) мне не понятны, там вроде все ок

- да, может быть и было бы "ок", если бы не кривые руки. В чем косяк: смотрим как они вставили весь текст вопрос-ответов - в элемент <ul>. Похоже ребята действительно не знают html.

S
На сайте с 20.08.2007
Offline
140
#30
Olldman:
- да, может быть и было бы "ок", если бы не кривые руки. В чем косяк: смотрим как они вставили весь текст вопрос-ответов - в элемент <ul>. Похоже ребята действительно не знают html.

Мда... Ну значит устранение первой проблемы устранит и вторую.

Правда, первая проблема оказалась не в неправильно оформленный списках, а вообще в их наличии.

Тег <ul>, который обрамляет блоки текста на странице надо заменить на какой-то более подходящий элемент. Например, <div class="ya-bolshe-ne-budu-usat-ul">. И тогда решатся все проблемы.

Еще опционально:

  • Верхнюю часть с <h1> я бы сделал расово неверной таблицей с двумя колонками без указания их ширины, но с указанием высоты таблицы. Соответственно в левую колонку - фотку, в правую - заголовок с выравниванием по центру. И нафиг все clear: both. Просто и понятно любому браузеру.
  • В тегах <p> я бы увеличил margin и отказался бы от элементов <br />, которые в данном случае используются только для увеличения расстояния между абзацами. Ибо мусорный код.
1 234

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий