css - 表单定位问题

标签 css layout

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

它在 Windows 程序中获取窗体设计时的 Top/Left 属性,并使用 position: absolute 和原始的 Top/Left 生成 HTML 来显示窗体。

现在我想将我的 HTML 页面分成三个 Pane /部分:

1) 顶部的菜单栏 2)窗体,如在windows程序中设计的那样 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 页面,这有什么区别吗?

最佳答案

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

关于css - 表单定位问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3749337/

相关文章:

html - 当内联元素跨越 2 行时,阻止背景图像在 IE 中消失

html - 布局在 IE 7 中完全困惑

java - 如何使用元素的中心将 BoxLayout 中的元素居中?

css - 为什么我的图像没有正确排列?

html - 在所有其他内容后面放置一个文档长度和宽度 div

css - 无法对齐数据表分面页脚中的按钮

javascript - 为什么 Internet Explorer 在某些情况下会自动调整 div 的 style.left 值?

html - 模仿 css border-image-outset : rounded corner images on transparent background too wide to define as border

html - 引导CSS : aligning columns on small screens

javascript - 以更高的分辨率使页面布局居中