ie7 дисплей: встроенный - PullRequest
Новая
       6

ie7 дисплей: встроенный

2 голосов
/ 02 сентября 2010

Я знаю, что этот вопрос задавался сто раз, и мне кажется, что я просмотрел все 100 сообщений, но это сводит меня с ума.

Клянусь, это последний совместимый с IE7 сайт, который я когда-либо сделаю. Слишком много денег впустую. Я приглашаю вас сделать то же самое. Я все еще жду моего чека от Microsoft, извиняюсь за все деньги, которые вы потеряли на разработку нашего программного продукта.

В любом случае! Пришлось разглагольствовать.

Вопрос в том, дисплей: встроенный не подходит для меня. Я бегу через IE7 edit для этой страницы: http://www.buxback.com/ и навигация по заголовку просто делает некоторые странные вещи, которые я не могу обернуть.

Если вы наведите курсор мыши на то, КАК ЭТО РАБОТАЕТ (разумеется, в ie7), вы заметите две белые полосы с каждой стороны страницы и подменю. Есть нечто (предположительно), которое заставляет этот средний div, содержащий текст, действовать как элемент блока. Я предполагаю, что это средний div. Я в полной растерянности.

Если вы посмотрите на Firefox, вы увидите, как он должен действовать.

Любая помощь будет оценена.

Спасибо!

Ответы [ 3 ]

2 голосов
/ 02 сентября 2010

Казалось, что мне нужно, чтобы почти все имело положение: относительное, отображение: встроенное, увеличение: 1 для Internet Explorer ie7.

Я знаю, когда GM делает плохой продукт, они вспоминают,Почему Microsoft не отзывает IE6 и 7?

1 голос
/ 27 апреля 2012

Хорошо, вот точный способ получить список по центру горизонтально в IE7 (и во всех других браузерах).

Демо - http://jsfiddle.net/iamtyce/XH2A6/.

HTML 

<div id="menu-outer">
    <div id="menu-table">
        <ul id="horizontal-list">
            <li><a href="#">First</a></li>
            <li><a href="#">Second</a></li>
            <li><a href="#">Third</a></li>
            <li><a href="#">Fourth</a></li>
        </ul>
    </div>
</div>

CSS 

div#menu-outer {}

div#menu-outer div#menu-table {
    display: table;   /* Allow the centering to work */
    margin: 0 auto;
    padding: 10px;
}

ul#horizontal-list {
    margin: 0 4px;
    padding: 0;
    list-style: none;
    text-align: center;
}

ul#horizontal-list li {
    display: inline;
    position: relative;
    zoom: 1;
}

ul#horizontal-list li a {
    text-decoration: none;
    padding: 6px 10px;
    color: #818181;
    background: #f5f5f5;       
}

ul#horizontal-list li a:hover {
    color: #515151;
    background: #e5e5e5;  
}
1 голос
/ 02 сентября 2010

Во-первых, ошибка JavaScript в Ffox: 

"Error: browser is not defined
Source file: http://www.buxback.com/wp-content/themes/buxback/js/fontreplace.js?ver=1.0
Line: 1"

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

Далее (о человеке, эта страница медленно загружается и отвечает), Я бы рекомендовал использовать абсолютное позиционирование для вложенных элементов и относительное позиционирование на родительском контейнере любого вложенного элемента.Это выведет меню из потока документа, а также позволит вам назначить им свойства z-index - потому что ваше меню в данный момент открыто ниже Flash-реклама для UPS (правая сторона).

Опять же, это меню страниц невероятно медленно реагирует в нескольких браузерах, вам может потребоваться выяснить, почему - может быть, у вас есть много прослушивателей событий, которые работают без необходимости?Может быть, слишком много обработки во время события наведения мыши?Я думаю, что я видел символ «загрузки» на вкладке страницы IE7 всякий раз, когда я размышлял над пунктом меню - так что каждый раз происходит какая-то работа с сервером.

Наконец, никогда не загружайте свою страницу в IE6:P

...