Разные браузеры отображают один и тот же код по-разному

В этом приложении я показываю сообщение, чтобы сообщить пользователю использовать браузер Google Chrome. Я пробовал это с несколькими браузерами, но результат отличается. Я использую приведенный ниже сегмент кода для проверки браузера. Это в VB.NET. Как я могу разместить lblBrowser в фиксированном месте.

If Not Request.Browser.Browser.Equals("Chrome") Then
        lblBrowser.Visible = True
End If

<td class="browserAlert"> <asp:Label ID="lblBrowser" Visible="false" Font-
Bold="true" text="For best results, we recommend using Chrome to visit this
site." font-size="12px" runat="server" ForeColor="Black"></asp:Label></td>
</tr>

<style>
    .browserAlert {
        padding-left: 25% !important;
        margin-top: 1%;
        display: inline-block;
    }
</style>

Опера

Опера

Интернет-проводник

IE

Мозилла Фаерфокс

Файрфокс

Firefox — единственный браузер, который позиционирует это правильно. Сообщение должно быть размещено ниже серой линии.

Другая проблема заключается в том, что Microsoft Edge и Safari идентифицируют себя как Google Chrome, когда дело доходит до отладки кода VB.NET.


person Harsha W    schedule 15.03.2017    source источник
comment
Что с td?   -  person Abhitalks    schedule 15.03.2017
comment
Он находится внутри столбца таблицы html ‹tr›‹td class=browserAlert› ‹asp:Label ID=lblBrowser Visible=false Font-Bold=true text=Для достижения наилучших результатов мы рекомендуем использовать Chrome для посещения этого сайта. Размер шрифта = 12px runat = сервер ForeColor = Black›‹/asp:Label›‹/td›‹/tr›   -  person Harsha W    schedule 15.03.2017
comment
Это был не вопрос, это было утверждение. Не используйте таблицы для макета. Период. Если вы используете таблицу для представления табличных данных, в этом случае используйте caption для отображения этого текста уведомления. Затем стилизуйте эту подпись на свой вкус.   -  person Abhitalks    schedule 15.03.2017


Ответы (1)


В этом случае вы должны написать разные css для разных браузеров. Вы можете найти что-то под названием «Пример взлома CSS IE» *html or { _property: }

взлом CSS IE

person Kapila Perera    schedule 16.03.2017