CSS: проблема наценки с Safari - PullRequest
Новая
       19

CSS: проблема наценки с Safari

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

На сайте , над которым я работаю , по какой-то причине для Safari разница должна быть иной, чем в FF, IE8, Chrome & Opera?У меня есть ссылка, которую я хочу разместить рядом с ярлыком.Он отлично работает на всех, кроме Safari, который нуждается в разнице в 12 пикселей.Вот снимок экрана, чтобы лучше описать проблему: Нажмите

Снимок экрана Safari показывает слишком низкую метку.Это CSS, который я использую для рабочих 4 браузеров: 

.submitter a {
    float: right;
    margin: -2px 0 0 2px;
    padding: 0 !important;
}

А вот код, который работает для Safari, однако, если он выбрасывает ссылку вверх, на 12 пикселей.Кто-нибудь может пролить свет на это?ТИА

Ответы [ 4 ]

2 голосов
/ 24 марта 2011

Похоже, это разобраться: 

.submitter a {
    float: none;
    display: inline !important;
    margin: 0 0 0 2px;
}

Это действительно очень запутанно из-за бессмысленного использования каскада.

Некоторые правила применяются к элементам, где они действительно не должны быть из-за селекторов, таких как: 

.box_777 ul li a

Вам лучше заменить этот селектор чем-то вроде: 

.individual-likes > a

Но трудно предсказать, как улучшение ваших селекторов изменит способ отображения вашей страницы.

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

Глядя на сайт, якорь блокируется на .box_777 ul li a, а затем перемещается вправо на .submitter a.
Если я уберу дисплей: block;и плавать: правильно;вещи совпали.

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

Многое происходит, но вы можете попробовать одно из следующих: 

.submitter .smalltext { float: left; }

(или)

Переместить тег «follow» перед диапазоном «smalltext»

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

Причина, по которой он так растет, может быть из-за значения в пикселях.Правильно ли они вложены в div?И применили ли вы такое же выравнивание (CSS, Html и т. Д.) Для кнопок Chrome?

...