css margin-left не работает на сафари - PullRequest
Новая
       21

css margin-left не работает на сафари

0 голосов
/ 10 декабря 2018

У меня проблемы с использованием margin-left с сафари

вот мой css 

<style>
            .profile___options {
                position: absolute; width: 828px; height: 45px; border-top: 1.1px solid #eee; margin-top: 97px; margin-left: 282px;
            }

            .profile___options ul {
                float: right;
                margin-right: 329px;
            }

            .profile___options ul li {
                border-right: 1px solid #e9eaed;
                float: left;
                font-size: 15px;
                font-weight: 600;
                height: 43px;
                position: relative;
                list-style: none;
                vertical-align: middle;
                white-space: nowrap;
                cursor: pointer;
                padding: 16px;
                color: #365899;
                padding: -1px;
            }
        </style>

и вот мой HTML-код 

    <div class="profile___options">
            <div class="fsaafFDSA__">
                <div class="223__adAas">
                    <div class="profile___options_inner">
                        <ul class="user_ul">
                            <li>
                                <a class="questions_link">Questions</a>
                            </li>


                            <div class="user_bookmark" style="
                            position: absolute;
                            margin-left: -121px;">

                            </div>

                            <li style="width: 136px;" class="followerLink">
                                <!--<span class="badge badge-danger" style="color: #fff;background-color: #dc3545;width: 19px;margin-top: 5px;position: absolute;margin-left: -7px;">3</span>-->
                                Followers
                            </li>


                            <li style="width: 136px;" class="followingLink">
                                <!--<span class="badge badge-danger" style="color: #fff;background-color: #dc3545;width: 19px;margin-top: 5px;position: absolute;margin-left: -7px;">3</span>-->
                                Following 
                            </li>


                        </ul>


                    </div>
                </div>
            </div>
        </div>

и вот результатв Chrome

результат в Chrome

и вот результат в Safari

Результат в Safari

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

Спасибо,

Arnav

1 Ответ

0 голосов
/ 18 февраля 2019

Попробуйте: 

-webkit-margin-start (left)
-webkit-margin-end (right)

https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html

Надеюсь, что помог.

...