Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Моя группа

Зачем Вы изучаете программирование/создание сайтов?

Основы PHP 8

Пройдя курс, Вы узнаете:

- Как установить и настроить OpenServer

- Всю необходимую базу по PHP 8

- Как писать самые различные скрипты на PHP

Общая продолжительность курса 7 часов, плюс более 100 упражнений и поддержка!

Чтобы получить Видеокурс,
заполните форму

Другие курсы

Создание лендингов на заказ

Придя на семинар:

- Вы узнаете мою историю, как я начинал создавать сайты на заказ.

- Вы узнаете, почему сейчас самое время начать этим заниматься.

- Вы получите очень подробный пошаговый план действий по созданию и продвижению своей Web-студии с комментариями, в том числе, и в виде PDF.

- Вы узнаете, как и где найти сотрудников, как общаться с заказчиками.

- Вы узнаете, как максимально автоматизировать бизнес-процессы.

После семинара Вы уже самостоятельно сможете, следуя простому и подробному плану, открыть свою Web-студию и получить первые заказы.

Записаться

Другие курсы

Осмельтесь мыслить самостоятельно.

Вольтер

Форум сайта MyRusakov.ru

Новая тема Ответить

27.01.2014 22:56:21 margin и Safari / Chrome Сообщение #1

Ильюха

Новичок

Дата регистрации:
21.11.2013 22:53:48

Сообщений: 18

Здравствуйте!
Подскажите,пожалуйста, решение для кроссбраузерности:

В элементе с position: relative; находится анимация с position: absolute; (иначе она не привязывается).
Анимацию нужно отцентровать. Ставлю свойство margin-left: -75px;.

Во всех браузерах отображение нужное. Кроме Safari.

Ставлю: -webkit-margin-start: -75px; - срабатывает. Но тогда сбивается Chrome, т.к. они с -webkit-идут в связке.

Пробую это:

<?php 
$browser = get_browser();

if($browser->browser == 'Safari') {

echo '<link href="safari.css" rel="stylesheet" type="text/css" />';

}

?>

и это:

<script language="JavaScript"> 
 Chrome = navigator.userAgent.indexOf("Chrome" >= 0;

 if(Chrome) document.write("<link rel='stylesheet' href='chrome.css' type='text/css'>";

</script>