WedX - журнал о программировании и компьютерных науках

Меню уходит влево в IE8, но остается на правильном месте в IE9 и других браузерах

У меня есть код в CSS, например

CSS

#menu_option { width:100px; margin-left:-50px; }

В Mozila, Google Chrome и IE9 меню находится справа в этом коде, но в IE9 оно перемещается влево и сокращает изображения. Поэтому я подал заявку

#menu_option { width:100px; margin: 0; }

И этот код работает правильно в IE8, но меню перемещается вправо в Mozila, Chorome и IE9.

Пожалуйста, предложите, как я могу применить оба кода или объединить их вместе в CSS и указать #menu_option { width:100px; margin: 0; } для IE8 и #menu_option { width:100px; margin-left:-50px; } для других.

Вот картина, которую я получаю в IE8, когда применяю #menu_option { width:100px; margin-left:-50px; }

![введите здесь описание изображения][1]

но в других (IE9, Chrome и Mozila) я получаю, и это правильно.

![введите здесь описание изображения][2]

И если я применяю поле 0, то я получаю вторую фотографию в IE8, а в других набор изображений движется прямо, как

![введите здесь описание изображения][3]

google-chrome html css firefox internet-explorer-8
20.07.2012

Ответы:


1

как правило, если вам нужна хорошая совместимость с браузером, не устанавливайте ширину и поля/отступы (слева или справа) в одном и том же элементе (то же самое с высотой и отступами/отступами сверху/снизу). IE имеет тенденцию включать поля и отступы (и границу) внутри ширины, в то время как другие браузеры этого не делают. Попробуйте поместить контейнер, например <div>, вокруг #menu_option и указать ширину, а также оставить поле во внутреннем элементе, просто чтобы посмотреть, станет ли это лучше.

Я согласен, что добавление дополнительного элемента только для этого — отстой, но просто посмотрите, работает ли это, а затем вы можете поиграть с вещами.

20.07.2012
  • Я пробовал Спасибо, но не работает. Я видел некоторые коды в CSS, в которых люди указывают код для IE8 отдельно, но я не получаю эти коды прямо сейчас при поиске. 20.07.2012

    • 2

    Есть ли какая-то конкретная причина, по которой вам нужна статическая ширина? Помимо удаления этого, это также может помочь расположить ваш элемент относительно, с помощью #menu_option {position: relative; left: 50px;}, в зависимости от того, во что вы помещаете этот пункт меню.

    20.07.2012
  • нет. Я не могу применить позицию, так как тогда она испортится на другом мониторе. 20.07.2012

    • 3

    Я думаю, вы запрашиваете коды комментариев для IE.

    <!--[if IE 8]>
<style type="text/css">
etc.
</style>
<![endif]-->

    Хотя я настоятельно рекомендую не использовать такой код, зависящий от браузера, кроме как в крайнем случае. Предложение Родольфо о разделении div действительно лучший способ сделать это.

    20.07.2012
    Новые материалы
    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..
    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..
    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..
    Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
    Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..
    Учебные заметки: создание моего первого пакета Node.js
    Это мои обучающие заметки, когда я научился создавать свой самый первый пакет Node.js, распространяемый через npm. Оглавление Глоссарий I. Новый пакет 1.1 советы по инициализации..
    Забудьте о Matplotlib: улучшите визуализацию данных с помощью умопомрачительных функций Seaborn!
    Примечание. Эта запись в блоге предполагает базовое знакомство с Python и концепциями анализа данных. Привет, энтузиасты данных! Добро пожаловать в мой блог, где я расскажу о невероятных..
    ИИ в аэрокосмической отрасли
    Каждый полет – это шаг вперед к великой мечте. Чтобы это происходило в их собственном темпе, необходима команда астронавтов для погони за космосом и команда технического обслуживания..
    Для любых предложений по сайту: [email protected]