1

我是设计html页面的新手..我整天都在寻找答案..但没有运气..我在修复适合浏览器的html页面高度时遇到问题。我正在借助 apache 磁贴来开发网页以进行页面布局。所以在我的布局中，我会有页眉、正文和页脚。下面是我的瓷砖布局jsp

<body>
    <table width="100%" height="100%" align="center">
        <tr height="20%">
            <td><tiles:insertAttribute name="header" /></td>
        </tr>
        <tr height="60%">
            <tiles:insertAttribute name="menu" ignore="true" />
            <td align="left">
                    <tiles:insertAttribute name="body" />
                </td>
        </tr>
        <tr height="20%">
            <td><tiles:insertAttribute name="footer" /></td>
        </tr>
    </table>
</body>

我为 body 和 table 定义了 css，如下所示

body {
background-color: #f0f0f0;
width: 100%;
height: 100%;
margin: 0%;
padding: 0%;
}

table {
table-layout: fixed;
overflow: auto;
}

我想用百分比设计我的页面，我不想使用像素在不同的屏幕分辨率上缩放问题。

当我加载页面时..表格高度相对于正文页面内容大小缩小..例如 - 如果我的正文页面大小为两行。然后我的页脚向上移动（看起来很奇怪）。我想分别用 20% 60% 和 20% 修复页眉、正文和页脚，这应该是固定的。

提前致谢

4

0 回答 0