Даже две колонки, где один столбец имеет верхний и нижний колонтитулы - PullRequest
Новая
       5

Даже две колонки, где один столбец имеет верхний и нижний колонтитулы

4 голосов
/ 04 июня 2011

Как я могу создать макет, который выглядит следующим образом? (Я готов использовать таблицы!)

http://f.cl.ly/items/393H2F120L2r3P0E0l1w/Screen%20shot%202011-06-04%20at%2011.10.32%20AM.png

Я использовал таблицу, чтобы убедиться, что столбцы 1 и 2 равны, но сейчас я не могу понять, как добавить колонтитулы к столбцу 2 <td>

1 Ответ

2 голосов
/ 04 июня 2011

Чисто потому, что вы дали понять, что не возражаете против использования таблиц для макета , вот решение на основе таблиц:

http://jsfiddle.net/mjQA3/

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td width="300" rowspan="3">Col 1</td>
        <td height="30">Col 2 Header</td>
    </tr>
    <tr>
        <td>Col 2 Content<br />Col 2 Content<br />Col 2 Content<br />Col 2 Content<br />Col 2 Content<br />Col 2 Content<br />Col 2 Content<br />Col 2 Content<br />Col 2 Content<br /></td>
    </tr>
    <tr>
        <td height="30">Col 2 Footer</td>
    </tr>
</table>
...