浮動窗體彼此相鄰

Question

我想讓我的兩個窗體彼此相鄰。現在在結果中，他把這兩個放在一起。

這裏是我的代碼：

<id ='AvailabilityFormAM'><form action='availability.jsp' name='availForm_AM' method='post'> 

<table class='TableBorder'><tr class='TableHeading'><td colspan='2'>New activity AM</td></tr> 
<tr class='TableData2'><td align='left'>Description:</td> 
<td align='left'><input style='width:150px' type='text' name='description' value='Informatica' /></td></tr> 

<tr class='TableData2'><td colspan='2'> 
<input class='SolidButton' type='button' value='Delete' onclick='javascript:deleteSLine("AM");'/></td></tr></table></form></div> 





<id ='AvailabilityFormPM'><form action='availability.jsp' name='availForm_PM' method='post'> 

<table class='TableBorder'><tr class='TableHeading'><td colspan='2'>New activity PM</td></tr> 
<tr class='TableData2'><td align='left'>Description:</td> 
<td align='left'><input style='width:150px' type='text' name='description' value='Inbev' /></td></tr> 

<tr class='TableData2'><td colspan='2'> 
<input class='SolidButton' type='button' value='Update' onclick='javascript:updateSLine("PM");'/></td></tr></table></form></div> 

CSS：

#AvailabilityFormAM { 
float: left; 
width:200px; 
} 


#AvailabilityFormPM { 
float: left; 
margin-left:200px; 
} 

Answer 1

你有兩個名稱的錯誤你的元素：

<id ='AvailabilityFormAM'> 

有沒有元素 '身份證' ，這可能只是你的屬性，在那裏snuk。

我的猜測是，你正在尋找一個分頻器，像這樣：

<div id ='AvailabilityFormAM'> 

和

而且我個人倒更改第二個CSS規則：

#AvailabilityFormAM, #AvailabilityFormPM { 
float: left; 
width: 200px; 
} 

Answer 2

您使用的ID錯誤，您的表單應該如下所示：

<form id ='AvailabilityFormAM' action='availability.jsp' name='availForm_AM' method='post'> 

這：

<form id ='AvailabilityFormPM' action='availability.jsp' name='availForm_PM' method='post'> 

不知道你需要這樣的大比分無論是。