2015-08-25 2 views
0

Ссылка на JS Fiddle:выдвижная право не работает в IE-9 и IE-8

http://jsfiddle.net/TomHagen/smnpg7ua/1/

<td class="lastCol">  
    View Detail  
    <div id="div2">      
     <input type="button" class="lightGrayButton btn btn-mini btn-primary pull-right cartButton atc" value="Select Plan"> 
    </div>       
</td> 

Приведенный выше код в jsfiddle отлично работает в Firefox и Chrome, но в IE браузеров, Элемент «Просмотр» выровнен по правому краю, а «Выбрать план» - слева.

Я попытался удалить pull-right, имея тягу-право вместе с тегом div, имея новый div для pull-right, но ничего не работает.

+0

Похоже, вы пытаетесь использовать Bootstrap, но я не вижу, что вы загружаете загрузочный CSS-файл. Попробуйте добавить это как внешний ресурс: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css – sfuqua

+0

Добавлен файл bootstrap.css – Stalwart

+0

@Stalwart, можете ли вы связать скрипку? –

ответ

0

Я думаю, что он работает отлично в IE9, но не в IE8. Проблема с вашим pull-right и другими col* в bootstrap 3 заключается в том, что они широко используют медиа-запросы, чтобы реагировать на поплавки и столбцы.

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

<script src="assets/js/css3-mediaqueries.js"></script> 

и исправит ваши вопросы.

+0

где я могу найти файл js ... – tyan

Смежные вопросы