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-идут в связке.
Пробую это:
и это:
- опять сбивается Chrome.
Что делать?
Подскажите,пожалуйста, решение для кроссбраузерности:
В элементе с 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>
- опять сбивается Chrome.
Что делать?
