Я не собираюсь отбросить любые шаблоны, но я предположил бы, что это - хорошая идея избежать отражения, пока Вам на самом деле не нужен он. Для interop и ситуаций с расширяемостью особенно полезно, где Вы не можете управлять загодя типом объекта.
Добавьте еще одну оболочку внутри каждого div:
<div id="wrapper">
<div id="main">
<div class="inner"></div>
</div>
<div id="sidebar">
<div class="inner"></div>
</div>
</div>
И поместите в них объявления * - width
:
#sidebar div.inner {
min-width: 100px;
max-width: 300px;
}
Если вы просто пытаетесь выполнить боковую панель и основную настройку, используйте float: left вместо table-row и table-cell. Затем вы можете указать минимальную ширину идентификатора.