В примере этой статьи анализируется макет HTML5 Div и макет таблицы для вашей ссылки.
Div Mayout: HTML+CSS достигает простой макета.#Container Height не может быть записана в процентах и должна быть определенной высотой.
<! #Container {ширина: 100%; ; Фоно-цвета: Darkgrey; /div> <div id = content-body> субъект содержимого </div> <div id = нижний колонтитул> нижний </div> </body> </html>Карта эффекта:
Макет таблицы:<! Высота = 650px style = фоновое цвета: aqua> <tr> <td colspan = 3 ширина = 100% высота = 10% стиль = фоновый цвет: chartreuse> "<td ширина = 20% высота = 80% стиль = фоновый Цвет: Antiquhite> левое меню </td> <td ширина = 60% высота = 80% стиль = фоновый коррор> </td> ширина td = 20% высота = 80% стиль = фоновый цвет: cornflowerblue> правое меню < /td> </tr> <td colspan = 3 ширина = 100% высота = фоновый крор: Cr.
Карта эффекта:
Приведенное выше содержимое этой статьи.