Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > table.x table td { height: inherit; } в IE8

Автор: leniviy 23.6.2011, 15:29

Привет. Подскажите, как сделать, чтобы во вложенных таблицах не наследовались стили внешней таблицы? Вот код, в ff работает, в IE - нет

Код


<html>
<head>
<style type="text/css">
td {
    border: 1px solid blue; 
}

table.compactButtonGrid table td {
    height: inherit;
}

table.compactButtonGrid td {
    height: 140px;
}
</style>
</head>
<body>
<table class="compactButtonGrid"><tbody>
    <tr><td >x</td></tr>
    <tr><td>
        <table><tbody>
            <tr><td>y</td></tr>
        </tbody></table>
    </td></tr>
    <tr><td>x</td></tr>
</tbody></table>
</body>
</html>

Автор: olldman 23.6.2011, 18:54

Т.е. вы сначала пишете "наследовать свойство родителя"(inherit), а затем спрашиваете что нужно сделать, чтобы не наследовало?

Код


<style type="text/css">
td {
    border: 1px solid blue;
}
table.compactButtonGrid td {
    height: 140px;
}
table.compactButtonGrid table td {
    height: auto;
}
</style>

Автор: leniviy 23.6.2011, 19:02

Цитата(olldman @ 23.6.2011, 18:54

)

я хотел, чтобы он унаследовал дефолтный стиль. ff так и делает

Автор: olldman 23.6.2011, 19:11

>>как сделать, чтобы во вложенных таблицах не наследовались стили внешней таблицы?<<
>>я хотел, чтобы он унаследовал дефолтный стиль<<

Может тогда по-конкретней? А то сами себе противоречите...