想帮助HTML页面布局

时间:2011-06-29 14:37:40

标签: html css layout

感谢您帮助我将 LTR html页面分开。

我希望这个页面能够达到100%的身高和高度。浏览器中的宽度。

我不确定是否使用table / Divs。

请告知。


desired layout

4 个答案:

答案 0 :(得分:1)

你不应该为此使用表格。根据W3C,表格仅用于显示表格数据,不应用于构建页面布局。

花点时间阅读使用CSS的液体布局,你以后会为自己省去很多麻烦。

答案 1 :(得分:1)

您可以使用div和:

html, body {
    margin: 0;
    padding: 0;
    height: 100%
}
#container {
    height: 100%
}

然后,您只需在div内添加<div id="container"></div>,然后设置width: ??%height: ??%,它就可以正常运行。

这是一个开始:http://jsfiddle.net/k5n5W/

答案 2 :(得分:1)

我建议您使用960网格系统@ www.960.gs他们有一个非常棒的自定义布局生成器。它使用div,非常灵活,有助于确保您的内容完全符合您的要求。

祝你好运!

答案 3 :(得分:-2)

html { height: 100%; width: 100%; }
body { height: 100%; width: 100%; padding: 0; }