Катастрофа с ошибочным отображением елементов в браузерах

[pudge]

утром сел делать сайт свой все было нормально как и всегда(на главной странице)сейчас работал исключительно с другими страницами сайта к главной даже не прикасался!в стилях тоже не касался к вещям которые к главной странице имеют отношение.Вот собрался ложится спать,захожу на главную страницу а там один из важнейших блоков поламался,другого слова не могу подобрать просто,все настройки css сбились полностью,да и не просто сбились а установились какието лично свои,елементы из блока разбросаны по экрану,я в шоке.

в хроме главное нормально(я сегодня через него сайт верстал),до этого в основном в опере делал,так вот зашел проверить и именно в опере такая кавасяка.В мазиле тоже срань но в другой форме...

это просто кошмар.

Скачал оперу наново,установил,запускаю и вуаля все работает нормально!!!закрыл вкладку скачал новый фаерфокс запускаю а там как и раньше только пару елементов из того блока не там где нада...ну чтож думаю с мазилой позже вопрос решу,пойду покрасуюсь на то что в опере хоть теперь все нормально,оказывается это всетаки проблема в браузере.Запускаю ещё раз свой сайт через оперу а там опять все через опу...

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

вот даже конструкцию сайта скину сюда мб кто то сможет понять в чем дело

P.S.скинул вам тестовую версию так что не обращяйте внимания на тексты и отделку сайта,в архиве 2 картинки пример1 и пример2 это я заскринил то как у меня сейчас отображается сайт в хроме и как должен отображатся.Кроме того там же ещё находятся 2 скрина по названию картинок думаю понятно что это,это картинки на которых ясно видно что вижу я в тех браузерах...

Настоятельно советую всем посмотреть что бы вы смогли понять в каком я сейчас ужасе...

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

ага,тут непонятно как файлы заливать так что качать вот отсюда http://programmersforum.ru/showthread.php?t=226809&page=2 пост #11

[Николя223]

там регистрироваться нужно, лучше сюда попробуйте выложить ваше творение: http://jsfiddle.net

скорее всего тег не закрыли...

[pudge]

вот на депозит я залил качайте http://dfiles.ru/files/lsvebqrra

там регистрироваться нужно, лучше сюда попробуйте выложить ваше творение: http://jsfiddle.net

скорее всего тег не закрыли...

я вроде писал что отладчик в неодном из браузеров не обнаружил ошибок(ну только опера)но опера больная так что ошибок 0.

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

[danik.html]

Прогоните через validator.w3.org . Отладчик показывает только js/css ошибки. HTML-парсер ошибки тихонько игнорирует.

[Николя223]

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

второе - у вас в написание полно ошибок.

Строка 46-47

увас два списка идут друг в друге. без LI / Какие то браузеры сами его добавляют, какие то нет. исправляйте

<ul class="moovies">
<ul class="levoe">

дальше вообще каша

<a href="link/tat.html"><span class="videotextTOP">T a T</span>
<div class="test"><img src="img/Video.png"></a></div><span class="videotextBOTTOM">Unknown</span>

Внимательно посмотрите и так в каждом пункте

Edited February 3, 2013 by Николя223

[pudge]

Прогоните через validator.w3.org . Отладчик показывает только js/css ошибки. HTML-парсер ошибки тихонько игнорирует.

проверил,но он показывает как раз таки только html ошибки,другие же файлы например тот же css он не принимает на проверку даже "Sorry! This document cannot be checked."

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

второе - у вас в написание полно ошибок.

Строка 46-47

увас два списка идут друг в друге. без LI / Какие то браузеры сами его добавляют, какие то нет. исправляйте

<ul class="moovies">
<ul class="levoe">

дальше вообще каша

<a href="link/tat.html"><span class="videotextTOP">T a T</span>
<div class="test"><img src="img/Video.png"></a></div><span class="videotextBOTTOM">Unknown</span>

Внимательно посмотрите и так в каждом пункте

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

а про DOCTYPE спасибо!!!реально решило большую половину проблем один тег <!DOCTYPE html>

http://htmlbook.ru/html/!doctype

я выбрал тот что последний в хтмл5 и самый короткий,но какой лучше всего выбирать???

Edited February 3, 2013 by pudge

[Николя223]

я выбрал тот что последний в хтмл5 и самый короткий,но какой лучше всего выбирать???

!doctype html

а по поводу остальных Ваших ошибок - предлагаю тот участок заново переверстать. это говнокод (если можно применить к html и css)

Не нужно так активно на margin пологаться. боком может выйти. Там всё проще можно сделать

весь класс middle

Edited February 3, 2013 by Николя223

[pudge]

Не нужно так активно на margin пологаться. боком может выйти. Там всё проще можно сделать

почему не стоит на маргин полагатся?эта функция прекрасно выполняет свои задачи,что использовать вместо неё тогда?

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

[Николя223]

уговорили, дальше разбираем. это что?

<script id="firstTab" type="text/template">

<div id="view1"><h1>Ололоша 1</h1></div>

</script>

ещё раз вам советую, переверстайте вы эту непотребщину, там 5 минут. не мне ж завас это делать

p.s. какие кнопки там на JS написаны?

+ добавление КО ВСЕМУ ЧТО я выше написал. ко всем изображением нужно атрибут alt добавлять

Edited February 3, 2013 by Николя223

[pudge]

Николя223

<div id="view1"><h1>Ололоша 1</h1></div>

в середине скрипта это просто параметры контента который появляется при нажатии соотвецтвуещей кнопки,чем они ненравятся то вам я не могу понять?если можно сделать проще(хотя куда проще тут)то хоть намекните как...

а про альт не понял,зачем это?

[Николя223]

SCRIPT не предназначен для этого. храните данные в переменных.

alt нужен, без них документ валидацию не пройдет.

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

скрипты удалил, обратно подставляйте, если хотите-ваше право. но лучше переписать

http://fiddle.jshell.net/784gB/show/

http://fiddle.jshell.net/784gB/

Edited February 3, 2013 by Николя223

[pudge]

тьфу блин....дак как без скриптов кнопки мне сделать?что мне переписывать я не пойму?как ещё проще можно сделать кнопки эти тогда?я в скриптах не разбираюсь фактически...

я так понял что ваша помощью заключается в том что бы удалить елемент целяком,но это не решение проблемы а бегство от неё...

Edited February 3, 2013 by pudge

[Николя223]

Вы не кричите. код к себе подставьте. не видно, потому что изображения не закачаны.

Ну что с вами делать, щас и скрипт допишу, если инет не пропадет

http://fiddle.jshell.net/PMHMx/

Вот, код к себе ставьте, СВОИ ошибки о которых я написал доделывайте и идите с богом...

ещё истерик не хватало.

верстка одинакова во всех браузерах начиная с IE8, можно было и с семерки начать, но не нужно было с inline-block-ами химичить.

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

http://fiddle.jshell.net/44A2p/

и вместо того чтоб его доделывать, (мне ещё работать и работать над ним) я на всякий говнокод время тратил)

всё досвиданья

Edited February 3, 2013 by Николя223

[danik.html]

SCRIPT не предназначен для этого. храните данные в переменных.

Кто вам такое сказал? Это не данные, а шаблон, и чтоб его сунуть в переменную, придется его эскейпить. Хотя не буду утверждать что в данном случае использовать шаблон - оправдано.

alt нужен, без них документ валидацию не пройдет.

Для чего альт нужен? Чтб документ валидацию прошел ?

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

Николя223 чему вы учите малышей.

[pudge]

ну я новичек поэтому многого незнаю...

Николя223

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

[Николя223]

SCRIPT не предназначен для этого. храните данные в переменных.

Кто вам такое сказал? Это не данные, а шаблон, и чтоб его сунуть в переменную, придется его эскейпить. Хотя не буду утверждать что в данном случае использовать шаблон - оправдано.

alt нужен, без них документ валидацию не пройдет.

Для чего альт нужен? Чтб документ валидацию прошел ?

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

Николя223 чему вы учите малышей.

Скрипт - шаблон???? не смешите меня!!!

ВЫ где такого начитались?))) кто и когда к тегу SCRIPT айдишник добавлял?

вам любой отладчик покажет что если в Скрипте находится HTML-разметка, ЭТО не приемлимо!!!

по поводу alt-а ВЫ почитайте про него литературу соответствующую ALT- обязателен)))

ВЫ что эскэйпить собрались? просмотрите получше мой последний вариант, там всё в переменные убрал.

спорить с вами здесь даже не считаю нужным, заходите вконтакт охотно подискутирую) Буду ждать

и ответьте мне тогда на один вопрос (уже вконтакте ) раз уж ВЫ специалист, допустим вам нужно получать код с контентом через AJAX и автоматически встраивать его в требуемый тег и подстраивать к нему нужное оформление(допустим это будут другие теги), ВЫ тоже эти теги будете в "шаблонах" хранить? или же записывать их в переменные и интегрировать в нужный участок кода. хорошо подумайте)))

pudge, на того дядьку внимания не обращайте - плохому научит. делайте всё не Так как вы хотите, а как НУЖНО. чтоб потом вопросов не было, почему документ не валиден и Почему его браузеры говнокодом считают

Edited February 4, 2013 by Николя223

[Николя223]

http://xhtml.co.il/ru/HTML5/img/alt

если не достаточно, могу и ссылку на спецификацию дать (интернет сейчас тормозит)

UPD: добавить хотел, тема задела: если под словом шаблон имеется ввиду документ вцелом и в те скрипты происходит вывод информации средствами PHP, тогда опять же в PHP формируется скрипт, в котором в переменные вставляются нужные нам выражения, а уж потом выводится в браузер, ну уж никак не голым HTML

upd2: "text/template", почитал я насчёт этого действительно возможен такой вариант, но всё равно меня передёргивает - что что а это извращение

поэтому за текст выше отчасти извиняюсь

http://learn.javascript.ru/templates

теперь точно всё

Edited February 4, 2013 by Николя223