2010-09-20 58 views
1

下面是一個非常簡單的HTML頁面。在三個窗格中定位(頁眉/正文/頁腳)頁面

1)我想在頂部添加一個菜單,這意味着該編輯框的位置可能必須更改(?)或必須?文本框是否相對於它的封閉div(它會顯示菜單的div)?

2)我想要添加更多的表單元素,並精確地定位它們,相對於表單的開始位置,緊跟在菜單之後(我以編程方式生成HTML,如果它有助於瞭解;例如,我可以添加一個模糊因素)。

3)最後那些我想要一個提交按鈕,總是保證在頁面的底部,無論我添加多少輸入元素在中間(所以,也許包裝表單的控件在一個div?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
    <head> 
    </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> 

回答

1

在大多數情況下,如果你只是把頁面元素的順序代碼你想看到他們,頁面的流量將爲他們,如同你所描述。

對於像素完美定位,您可以像使用絕對定位那樣使用絕對定位,但這並不是那種「最佳」方式。

我認爲你最好做的事情是閱讀CSS定位在w3schools如果你想了解如何佈局頁面元素。

+0

對不起,我不能讓瀏覽器決定。 HTML由一個基於Windows的程序生成,我需要所見即所得(WYSIWYG) - 瀏覽器必須完全反映在windows程序中設計的表單,但是頂部有一個菜單。 – Mawg 2010-09-21 00:02:36

+0

當然,我會再讀一遍它(再次 - 我似乎無法理解它:-)我只是認爲現在會有一個如此簡單的現成解決方案。 +1抽出時間回覆。嗯,你能否重做這個例子來使它工作?這會給你帶來問題。 – Mawg 2010-09-21 00:18:09