Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Атрибут "специально для Chrome" / 5 сообщений из 5, страница 1 из 1
02.08.2012, 18:09:39
    #37902461
OracleLover
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Атрибут "специально для Chrome"
Всем доброго вечера

есть у меня один margin, который выглядит так

{
...
margin: 0px 0px 7px 0px;
}

Во всех браузерах в итоге элемент выглядит нормально, в хроме криво - ему надо чтобы было

{
...
margin: 0px 0px 6px 0px;
}

Как бы сделать так чтобы в css появилось условие что если это chrome то один стиль, если все остальное - то другой?
...
Рейтинг: 0 / 0
02.08.2012, 18:22:01
    #37902493
zolitude
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Атрибут "специально для Chrome"
OracleLover,

для всех:
Код: css
1.
2.
3.
4.
.my-class{
...
margin: 0px 0px 7px 0px;
}



для chrome:
Код: css
1.
2.
3.
4.
body:nth-of-type(1) .my-class{
...
margin: 0px 0px 6px 0px;
}
...
Рейтинг: 0 / 0
02.08.2012, 18:36:04
    #37902512
OracleLover
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Атрибут "специально для Chrome"
чот не фурычит - в смысле firefox тоже цепляет именно этот стиль с body:nth-of-type(1)
...
Рейтинг: 0 / 0
02.08.2012, 18:39:36
    #37902517
OracleLover
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Атрибут "специально для Chrome"
но по вашей навоТке нагуглил следующий вариант, если стиль заворачивать в

Код: css
1.
2.
3.
4.
5.
6.
@media screen and (-webkit-min-device-pixel-ratio:0) {
{
...
margin: 0px 0px 7px 0px;
}
}



То работает как надо
...
Рейтинг: 0 / 0
02.08.2012, 18:46:25
    #37902526
zolitude
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Атрибут "специально для Chrome"
OracleLoverчот не фурычит - в смысле firefox тоже цепляет именно этот стиль с body:nth-of-type(1)

вот так вроде не цепляет:

Код: css
1.
2.
3.
4.
5.
@media screen and ( -webkit-min-device-pixel-ratio : 0 ) {
  .my-class {
    margin: 0px 0px 6px 0px;
  }
}
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Атрибут "специально для Chrome" / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]