Как задать позицию для конкретного браузера?

Question

[wolf-9830]

Всем привет, у меня к вам вопрос:

У меня в браузере IE мой сайт отображается нормально, но в опере заголовок сместился чуть вниз.
Как мне исправить? Я пытался делать так, но не получилось:

#main_title{
position: absolute;
left: 40px;
top: 10px;
color: white;
-o-top: 0px;
font-family: "Verdana";
font-size: 20pt;
}

Как исправить?

Comments

[hadra]

Прочитай мой пост. Сделай как я сказал, правда кое-что съедите у тебя, но после подгонки тебе не придется делать костыли. Совет от профессионала .. и используй sass или хотя бы less что бы упростить работу.

Answer 1

[sergealmazov]

* {margin: 0; padding: 0} - вот вариант решения. Вставляете в начало CSS-ки и радуетесь жизни.

Answer 2

[Юрий Лобанов]

Сбросьте сначала стили с помощью Reset CSS. Потом уже пишите стили.

Comments

[Константин Китманов]

Не учите новичка плохому. Normalize.css, а не reset.

[Юрий Лобанов]

@k12th это я учу плохому?

[Константин Китманов]

@iiil И что, теперь даже в ие9- перестали работать условные комментарии и все внезапно заработало?
Да, вы учите плохому. Reset, даже хороший, далеко не панацея и иногда приносит проблемы вместо решения.

[Юрий Лобанов]

@k12th давайте будем спокойнее, в общем-то оба правы. Нет, и Вы, и я знаем, что перестали работать с 10 версии.

[wolf-9830]

В смысле сбрасывайте стили? Мне просто в браузере опера нужно поднять заголовок на несколько пикселей и все))

[sergealmazov]

Версия браузера? Операционная система? Опубликуйте пример на JSFiddle.net и оставьте ссылку здесь.

[Константин Китманов]

@wolf-9830 Так не делают. Никто в здравом уме не пишет отдельные стили для каждого браузера.

Answer 3

[Илья Шабанов]

О дивный новый мир!

Для начала прочитайте что-такое браузерные (вендорныйе) префиксы

Напишите версии брайзеров в которых вы все это смотрите

покажите больше кода тут его слишком мало чтобы делать какие-либо выводы

Comments

[zooks]

Правильно, прочитайте что-такое "браузерные префиксы" и никогда их не используйте. Ибо плохая практика.

[p1x3lx]

илья извините что пишу здесь просто не нашел другого способа задать вопрос лично вам как вы поставили 1920х1080 на e2200hd с мака мини как я понимаю там нет файла настроек под этот монитор и он выдает какието дикие разрешения как вы это забороли или он у вас не вга подключен

Answer 4

[Константин Китманов]

Классика жанра: сначала делайте, чтоб работало в браузерах (Chrome/FF/Opera), потом вставляйте костыли для IE c помощью conditional commments.

Comments

[Юрий Лобанов]

Почитайте msdn.microsoft.com/ru-ru/library/ie/hh801214%28v=v... прежде чем советы давать.

[zooks]

@iiil Спасибо, не знал, что с десятого они отключены. Значит конструкция может быть сокращена до [if IE] (без lt IE 9).

Answer 5

[sergealmazov]

Уберите -o-top

Answer 6

[hadra]

Для начала обнови

*{box-sizing:border-box;
margin:0;
padding:0;
border:0;
text-decoration:none;
}

2й совет, зная я до этого, то сэкономил кучу времени. Не используй px для шрифта.
3й php агент... скрипт можно найти.. и к опр. браузеру свой скрипт, и склеивать их.

Comments

[hadra]

И поступи как я, закрой доступ, тем у кого нету времени обновить браузер, это же так долго... и не реально.

[sim3x]

@hadra

Не используй px для шрифта.

давно не актуально.

Жесткий сброс отступов, это конечно жесть

[hadra]

@sim3x Ну не знаю.. главное что после этого не приходится подгонять для каждого браузера по 1-2px... а это очень бесит, я по себе знаю)) И полностью отказался от старых браузер и ie до 9й версии. Пора бы их научить или заставить обновлять браузеры... или с вк договорить о акции...

[sim3x]

@hadra сама по себе * не так важна, как отсутствие за ней всех тегов, с новыми стилями.
Задолбался ul>li сбрасывать, сбрось только для него, а остальные, если лень прописывать, -- не трогай.
имо, офк

[hadra]

@sim3x Ну не знаю, хорошо или плохо но я ul>li почти не использую) По минимуму использую... Прошли те времена, когда пользователь не понимал что да как..

Answer 7

[Константин Величко]

Держу пари у родителя нету position: relative