Высота HTML-таблицы не ограничена в IE

В моем веб-приложении (которое включает JSP и Struts2) у меня есть меню, которое представляет собой таблицу html и динамически добавляются строки таблицы.Высота HTML-таблицы не ограничена в IE

Как очевидно, когда строки были добавлены, высота таблицы будет увеличена. Но мне нужно ограничить высоту этой таблицы до определенной суммы с помощью CSS (max-height).

Итак, для этого сценария я использовал ниже css. Это отлично работало в Firefox и Chrome браузеры, но не работали для Internet Explorer (проверено в IE9 и IE10. IE8 и ниже освобождены).

CSS класс:

.menuLimit { 
    display: block !important; 
    max-height: 105px !important; 
    overflow-y: hidden !important; 
}

HTML тег:

<li> 
    <table class="menuLimit"> 
     <c:forEach ... 
     ... 
     ...

Макс высота свойство не поддерживает для IE браузеров или я делаю какие-либо другие ошибки здесь? Пожалуйста помоги.

источник

2014-10-01 нαƒєєz

Вы упомянули декларацию doctype над html-файлом? –

Почему бы вам не искать [поиск поддержки CSS] (http://msdn.microsoft.com/en-us/library/hh781508%28v=vs.85%29.aspx)? – Teemu

вы можете обернуть его в div и добавить максимальную высоту к этому вместо – Pete

Таблица будет действовать как div, но строки таблицы - нет (и они имеют отображение таблицы строк). Я хотел бы попытаться применить эти стили к li.

И для вопроса - max-height, безусловно, работает в IE, хотя это может быть немного сложнее вокруг стола, и особенно ситуация, когда у вас есть таблицы-строки и нет таблицы вокруг нее.

источник

2014-10-01 11:14:47 Kintar

Высота HTML-таблицы не ограничена в IE

ответ

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