在FF和IE中呈現頁面的問題

我在FF和IE之間頁面無法正確呈現時經常遇到問題。不是我的代碼如下。「選擇一個帳戶」應該在下拉列表旁邊，例如：選擇一個帳戶類型：「然後我的表單」，但是當我希望它在「選擇一個帳戶」旁邊時，我的表單會進入下一行。在IE中，它在FF中呈現正確，但它沒有。在FF和IE中呈現頁面的問題

<p><b><strong>Select an Account Type 
<FORM NAME="myform"> 
<SELECT NAME="mylist"> 
<OPTION VALUE="traditional">Traditional Account 
<OPTION VALUE="paperless">Paperless Account 

</SELECT> 
</FORM></b></strong></p>

來源

2010-03-31 Michael

請把那90年代風格的HTML書/教程路程，去獲得更近/體面的:) – BalusC 2010-03-31 14:21:59

該代碼中有錯誤：http://validator.w3.org/ – Quentin 2010-03-31 14:43:01

問題是，「選擇一個帳戶類型」文本是「外部」的FORM元素。並且FORM元素具有瀏覽器應用的默認邊距和填充。

我建議這個代碼，而不是

<form name="myform"> 
<label for="mylist"><strong>Select an Account Type</strong></label> <select id="mylist" name="mylist"><option value="traditional">Traditional Account</option> 
<option value="paperless">Paperless Account</option></select> 
</form>

希望這有助於

來源

2010-03-31 14:21:41 Karinne

for'for'屬性在標籤上工作，select元素需要'id'屬性。您還可以nix for屬性並將標籤元素包裹在select元素的周圍。 – Samuel 2010-03-31 14:27:12

哎呀！是的，謝謝你。 – Karinne 2010-03-31 14:33:29

謝謝，工作正常...我感謝您的幫助。 – Michael 2010-03-31 14:41:09

該標記嚴重可怕。無論如何，你的問題是<form>元素是（根據標準）塊元素。爲了解決這個問題，可以使用下面的CSS：

form { display: inline; }

來源

2010-03-31 14:18:09 Felix

形式是塊元素，應該打破到一個新行..

，你應該將其顯示爲嵌入式display:inline用CSS如果你想繼續在同一行文字..

來源

2010-03-31 14:18:29

一個很好的測試工具是http://litmusapp.com，因爲它可以讓你怎麼看網頁將在不同的瀏覽器渲染。

你的具體情況，您需要關閉的選項標籤來創建一個適當的下拉框。

<option name="x">whatever</option>

來源

2010-03-31 14:20:17 swt83

謝謝，我之前不知道litmusapp。您可以通過http://browsershots.org/免費獲得類似的服務。 – stefanglase 2010-03-31 14:38:06

我關閉了選項標籤，謝謝！ – Michael 2010-03-31 14:41:41

歡迎XHTML ......停止使用CAPS它傷害了我的眼睛。

<form name="myform"> 
<label for="mylist">Select an Account Type</label> 
<select id="mylist" name="mylist"> 
<option value="traditional">Traditional Account</option> 
<option value="paperless">Paperless Account</option> 
</select> 
</form>

來源

2010-03-31 14:26:07 Samuel

在FF和IE中呈現頁面的問題

回答

相關問題