Я использую 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;
}
Опция:
Вы должны добавить <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;
}
data-*
во все браузеры? Я еще не понял, что он должен делать