LINUX.ORG.RU

Вопрос по CSS


0

0

HTML:
<div id="page_header">
...
</div>
<div id="page_content">
...
</div>

Как сделать с помощью CSS так, чтобы блок page_header принял минимальную возможную
для него ширину и расположился в левом верхнем углу, а блок page_content по ширине занял
всё остальное место в окне браузера. При этом они должны распологаться один за другим, но
без обтекания, т.е.
+--------+-----------------------------------+
| page_  |                                   |
| header |    PAGE_CONTENT                   |
|        |                                   |
+--------+                                   |
         |                                   |
         |                                   |
         |                                   |
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Если бы у блока page_header была фиксированная ширина, то можно сделать например так:
div#page_header {
  float: left;
  width: 10%;
}
div#page_header {
  float: left;
  width: 90%;
}

А можно ли сделать не фиксированные 10% а автоматически вычисляемую ширину?
У меня никак не получается :-(
Конечно это несложно сделать таблицей, но хочется использовать CSS.
★★★★★

Re: Вопрос по CSS

В стандарте написано, что floated элемент должен иметь явную ширину. Не получится сделать вычисляемую.

Можно попробовать display: inline-block для IE и display: table | table-cell для остальных браузеров

http://www.w3.org/TR/CSS21/tables.html

Selecter ★★★★ ()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.