Я недавно использовал display: table и display: свойства ячейки таблицы.
Это было так,
<div id="main" style="display:table">
<div id="left-menu" style="display:table-cell">
Some menu links
</div><!-- End left-menu -->
<div id="content" style="display:table-cell">
The actual content
</div><!-- End content -->
</div><!-- End main -->
Я использовал это, потому что цвет фона левого меню распространяется вниз, я имею в виду, что его высота равна содержимому div. Так что мне не нужно использовать фоновое img в моем главном div, что я должен сделать repeat-y.
Но проблема в том, что ссылки меню расположены в центре левого меню, а не в верхней части, что требуется.
Затем мне пришлось использовать position: absolute и top: 0, чтобы разместить меню в верхней части левого меню div. Который не выглядит правильным.
Кто-нибудь сталкивался с этой проблемой?