css IE и проблема с Firefox - PullRequest
Новая
       3

css IE и проблема с Firefox

0 голосов
/ 30 марта 2011

У меня есть кнопка, которую я хочу при определенной позиции на экране. Проблема в Firefox немного вверх, а в IE немного вниз. Что я могу сделать? 

.btn1{
    clear: both;
    margin-top: 4%;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 740px;
}

Ответы [ 5 ]

1 голос
/ 30 марта 2011

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

0 голосов
/ 30 марта 2011

Вам нужно использовать «сброс CSS» ... Google для этого :-) Каждый браузер имеет свой собственный CSS по умолчанию, вот в чем проблема; -)

0 голосов
/ 30 марта 2011

  1. Вы в своем HTML-коде это?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

  2. Используйте указанные таблицы стилей:

    <!--[if IE]> <link rel="stylesheet" href="ie.css" /> <![endif]-->

  3. Знаете ли вы, что вы можете использовать: margin: 4% 0px 0px 760px;?

  4. Если вы хотите что-то сделать горизонтально, используйте: margin: 0px auto;.Причина 760px может произойти сбой в более низком / высоком разрешении.

0 голосов
/ 30 марта 2011

Поместите это вверху страницы: 

<!DOCTYPE html>
0 голосов
/ 30 марта 2011

Создайте обычную таблицу стилей, чтобы она работала только на Firefox.Затем сделайте следующее: 

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="your-stylesheet-here.css" />
<![endif]-->

Сделайте эту таблицу стилей определенной для IE, чтобы окно в IE выглядело правильно.

...