HTML-гуру, помогите найти ошибку на странице!
15 сентября 2015 в 11:06

HTML-гуру, помогите найти ошибку на странице!

Добрый день! Имеется HTML страница. Никакого php-движка обычный HTML собирается с помощью SSI команд апача… все…
Но вот только в толк взять не могу в чем косяк и ошибка? Ошибка встречается строго в google chrome… и Opera
Под IE8 ее вроде нет.
Поэтому для эксперимента используйте Хром, плиз…
Итак, смотрим страницу
http://manual.qso.ru/works.html

Все вроде как надо… список моделей, а меню слева подсвечивается при наведении мышкой в соответствии с CSS…

Теперь возьмем и кликнем скажем на IC-7600 откроется страница
http://manual.qso.ru/works.html?ic7600
В ней пункты меню слева не будут подсвечиваться и кликаться пока текст на странице не закончится….
То есть пункты меню от ICOM до STEPPIR будут не доступны и лишь ПРОФЕССИОНАЛЬНЫЕ TX будут активны.
В чем прикол? Где ошибка-то…
Большинство моделей имеют эту ошибку за исключением скажем DMU-2000

http://manual.qso.ru/works.html?dmu2000

Тут все нормально!!! Пункты меню слева в Хроме доступны!!!!
В чем косяк-то? Я пересматривал HTML коды обеих страниц…. Вы тоже можете в Хроме их посмотреть.
разницы не нашел….
Буду благодарен за любой совет…

Тимофей

275
Комментарии (11)
  • 15 сентября 2015 в 20:03 • #
    Денис Храмцов

    <div id="contentwrapper"> этот элемент у вас перекрывает лефтколумн
    и как только он заканчивается, там начинается "правильная работа"

  • 15 сентября 2015 в 20:09 • #
    Денис Храмцов


    вот так у вас выглядят блоки

    Желтый - лефтколумн

    Красный - контентвраппер

    Зеленый - контентколумн

  • 16 сентября 2015 в 11:07 • #
    Andrey Chigisheff

    лефтколумн у него внутри конвертвраппера - не накрывает.
    странное перемещения по якорям из меню.
    контент колумн - перекрывает, потому что лефтколумн имеет нулевую высоту. не есть хорошо
    leftcolumn{display:table, max-width:200px;...float:left;}

  • 16 сентября 2015 в 11:46 • #
    Денис Храмцов
    лефтколумн у него внутри конвертвраппера - не накрывает.

    К сожалению это не так

  • 16 сентября 2015 в 12:29 • #
    Andrey Chigisheff

    хм, не досмотрел, а должно бы

  • 16 сентября 2015 в 12:54 • #
    Тимофей Коновалов

    Спасибо... в целом ситуация ясна.. попробую исправить.
    но один из вопросов остается а что по другому на странице
    http://manual.qso.ru/works.html?dmu2000 ????

    где все нормально работает с теме же дивами ?
    и параметрами CSS?
    просто интересно :-)

  • 16 сентября 2015 в 14:17 • #
    Andrey Chigisheff

    leftcolumn рисуется годе то справа, а потом переносится влево, зачем?
    здесь надо искать - когда меняются индексы элементов.
    В первом случае - менюшка тонет под contentcolumn, во втором случае - нет
    еще - отладчик кроет отсутствующую функцию js правда в обоих случаях
    сравнил исходники на IDE NetBeans - различий нет... странно. Сейчас со времененем не очень.
    Если лень не победит, вечером гляну дома. Там больше браузеров, здесь только ff и опера.
    Да и осла нет по определению...

  • 16 сентября 2015 в 20:03 • #
    Денис Храмцов

    У меня лично, этот адрес так же "не работает". Хром. Везде ситуация одинаковая.

  • 7 октября 2015 в 12:19 • #
    Leonid Bodnar

    Уберите свойство height:100% из блока:

    html, body {
    background: #295A94 url(images/bg.gif) repeat-x;
    color: #fff;
    font: normal 16px/20px arial, "trebuchet ms", verdana, helvetica, sans-serif;

    --> /* height: 100%; */
    }

  • 10 октября 2015 в 08:58 • #
    Тимофей Коновалов

    Большое человеческое Спасибо, Леонид!
    Исправил - помогло !!!

    Тимофей

  • 13 октября 2015 в 12:02 • #
    Leonid Bodnar

    Всегда рад помочь!