ListView ItemTemplate中的CSS（浮動）問題！

我是CSS中的新成員，並且在ItemTemplate標記中具有造型ListView控件的問題。
我的項目語言是rtl（波斯語），我想在右側設置用戶圖像，並在圖像的左側設置他/她的信息。
但這是結果：

alt text http://sites.google.com/site/mahdiahmadirad/download-1/2009-12-08_134217.png?attredirects=0&d=1 ListView ItemTemplate中的CSS（浮動）問題！

這裏是ListView控件的代碼：

<asp:ListView ID="NokListView" runat="server" DataSourceID="ObjectDataSource1"> 
    <LayoutTemplate> 
     <img alt="" src="./img/group.png"><br /> 
     <br /> 
     <fieldset> 
      <legend>ليست کلي</legend> 
      <asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder> 
     </fieldset> 
    </LayoutTemplate> 
    <ItemSeparatorTemplate> 
     <hr /> 
    </ItemSeparatorTemplate> 
    <ItemTemplate> 
     <img style="float: right;" alt="" src='<%# Eval("Gender","./img/{0}.png") %>' /> 
     <span>نام وارث:</span><%# Eval("FirstName") %>&nbsp;<%# Eval("LastName") %><span 
      dir="ltr">(<%# Eval("Email") %>)</span><br /> 
     <span>نسبت او با شما:</span> 
     <%# Eval("Relationship")%><br /> 
    </ItemTemplate> 
</asp:ListView>

我設置的樣式浮動：權利，它是工作，但如你所見該模板就像一個分層列表！
我希望每個項目位於前一個項目的下方而不是在前面。請解釋我到底發生了什麼？以及如何解決它？

來源

2009-12-08 mahdiahmadirad

如果你想放置應該使用文本左側的圖像float：left。 – Phaedrus

不好意思。這是我的錯誤。我糾正了它。我想把圖片放在右邊，文字放在左邊。 – mahdiahmadirad

無論哪種方式，只需將兩個獨立的內容塊放置在單獨的div標籤中，並使用它們自己的浮動設置即可。確保在GridView上設置了足夠的總寬度以適應此情況。還要設置兩個內容div的寬度。截圖將有助於... – IrishChieftain

，我發現我的答案在這裏：doctype.com

和完整固定的代碼是：

<ItemSeparatorTemplate> 
<hr style="clear:right;" /> 
</ItemSeparatorTemplate> 
<ItemTemplate> 
    <div style="clear: both;"> 
     <img style="float: right;" alt="" src='<%# Eval("Gender","./img/{0}.png") %>' /> 
     <span>نام وارث:</span><%# Eval("FirstName") %>&nbsp;<%# Eval("LastName") %> 
     <span dir="ltr">(<%# Eval("Email") %>)</span><br /> 
     <span>نسبت او با شما:</span><%# Eval("Relationship")%><br /> 
    </div> 
</ItemTemplate>

所以看的結果：

alt text http://sites.google.com/site/mahdiahmadirad/download-1/2009-12-09_103134.png?attredirects=0&d=1

來源

2009-12-09 07:06:02 mahdiahmadirad