условный CSS для т.е. 10 и Mozilla в asp.net

0

Я использую CSS для своего приложения ASP.net. Для правильного выравнивания я использую следующий код. Он отлично работает в Chrome и Mozilla, но не работает в IE 10. В моем коде я использую вложенный "div", но в IE мой внутренний div-текст выходит из внешнего div.

<div id="divTermsConditions">
        <div class='Orangetitle'>
            <Mycontrols:MYLabel ID="lblTermsConditions" CssClass="TcHeader" runat="server" TextKey="TermsAndConditions"></Mycontrols:MYLabel>
        </div>
</div>

Представлено в браузере как:

<div id="divTermsConditions">
    <div class="Orangetitle">
        <span id="lblTermsConditions" class="TcHeader">Terms and conditions</span>
    </div>
</div>

Мой CSS:

.TcHeader
{
    margin-left: -187px;
}

Для IE10 ниже код - это рабочий файл

.TcHeader
{
    margin-left: 0px;
}

Опция:

  1. Есть ли подходящий CSS, который будет работать во всех браузерах и решить мою проблему?
  2. Или я должен писать отдельные файлы CSS для IE и Mozilla? Если да, то как я могу это сделать?
Теги:

1 ответ

-1

Вы должны добавить <html data-useragent="Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)"> а затем добавить код ниже в css

.TcHeader [data-useragent*='MSIE 10.0']
{
    margin-left: 0px;
}
  • 0
    Это обнаружение User-Agent? Добавляет ли это одно и то же значение data-* во все браузеры? Я еще не понял, что он должен делать
  • 0
    Я попробовал этот, но я в восторге, его не работает :(

Ещё вопросы

Сообщество Overcoder
Наверх
Меню