表格定位问题

时间:2010-09-20 07:14:55

标签: css layout

我有一个生成表单的Windows程序。

它在Windows程序中的表单设计时采用Top / Left属性,并使用position: absolute和原始的Top / Left生成HTML以显示表单。

现在我想将HTML页面拆分为三个窗格/部分:

1)顶部的菜单栏 2)窗体程序中设计的窗体 3)表单下方的提交按钮

我认为有一些非常简单的方法可以做到这一点,使用div(如果我必须,我可以将表格包含在a中,但宁愿避免使用)。

重点是2)中的坐标现在需要相对于2)

我希望这很清楚,如果没有,请问我。


@YTi Jiang要求提供一些示例生成的HTML,所以这是我能想到的最简单的 - 一个文本输入框。请随意询问任何类型的例子,但我真的认为我只是要求一些“经典”,比如“经典顶级菜单/页面正文/页脚”或者CSS / HML专家称之为......

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Input data</title>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
<meta HTTP-EQUIV="Expires" CONTENT="-1">
<style type="text/css">
  body { font: 12px Arial; }
</style>
</head>
<body>
<form action="HTTP://localhost/b/submitted.php" method="post">

<div class="TEdit" id="TextEditBox1" style="position: absolute; top:56px; left: 72px; width: 121px; height: 21px;">
  <input type="text" name="TextEditBox1">
</div>

<div class"submit_button" style="position:absolute; top:102px; left:132px;"><input type="submit" name="submitButton" value="Submit"></div>
</form>
</body>
</html>

它是一个表单而不仅仅是一个简单的HTML页面会有什么不同吗?

1 个答案:

答案 0 :(得分:1)

我认为,通过它的声音,您需要一个固定的页眉和页脚,但内容随页面滚动而移动。在这种情况下,请查看此示例页面的来源:http://www.cssplay.co.uk/layouts/basics2.html正是这样做的!