one of the item in datalist misaligned

one of the item in the datalist has misaligned (as shown in attached pic), and mostly it occurs during first load. Sometimes it is ok when second or third load.



 
<div style="padding-left:50px;">
                                            <asp:Datalist ID="dlarticle" runat="server" Height="33px" Width="800px" 
                                                    onitemdatabound="dlarticle_ItemDataBound" 
                                                    onitemcommand="dlarticle_ItemCommand">
                                                          <ItemTemplate>
                                                          <fieldset>
                                                                <table>
	                                                            <colgroup>
	                                                            <col width=200 valign=top>
	                                                            <col width=400 valign=top>
                                                                <col width=150 valign=top>
	                                                            <col width=150 valign=top>
	                                                            <col width=150 valign=top>
	                                                            </colgroup>
	                                                            <tr>
		                                                            <td class="datalisttitlefont">Category</td>
		                                                            <td class="datalisttitlefont">Description</td>
                                                                    <td class="datalisttitlefont">Total</td>
		                                                            <td class="datalisttitlefont">View</td>
                                                                    <td class="datalisttitlefont">Create</td>
		                                                            
	                                                            <tr>
	                                                            <tr>
		                                                            <td class="datalistcontentfont"><%# DataBinder.Eval(Container.DataItem, "a_categoryname")  %></td>
		                                                            <td class="datalistcontentfont"><%# DataBinder.Eval(Container.DataItem, "a_desc") %></td>
                                                                    <td><asp:Label ID="lblTotal" runat="server" /></td>
		                                                            <td>
                                                                    <ItemTemplate>
                                                                     <asp:Label ID="lblid" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "id") %>' Visible="false" />  

                                                                                <asp:LinkButton ID="lbViewPost" runat="server" 
                                                                                CommandName="VIEWPOST" CssClass="note" CommandArgument='<%#
                                                                                DataBinder.Eval(Container.DataItem, "id") %>'></asp:LinkButton>
                                                                    </ItemTemplate>
                                                                    
                                                                    </td>
		                                                            <td>
                                                                     <ItemTemplate>
                                                                    
                                                                                <asp:LinkButton ID="lbCreatePost" runat="server" 
                                                                                CommandName="CREATEPOST" CssClass="editnote" CommandArgument='<%#
                                                                                DataBinder.Eval(Container.DataItem, "id") %>'></asp:LinkButton>
                                                                    </ItemTemplate>
                                                                    </td>
	                                                            <tr>
	                                                           
                                                            </table>
 


                                                                  

                                                             </fieldset>
                                                           </ItemTemplate>
                                                        </asp:Datalist>
                                            </div>

Open in new window

misalign-item-datalist.jpg
LVL 1
doramail05Asked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
doramail05Connect With a Mentor Author Commented:

have like <td style="white-space : nowrap;" .. >

it seems like the problem went off,

but sometimes it came out like a 'not ready' page which makes the page look weird. Until refresh is pressed and page reloaded correctly.
0
 
devlab2012Commented:
In the following section of your code:
<table>
      <colgroup>
             <col width=200 valign=top>
            <col width=400 valign=top>

give fixed width in <table> tag like <table width="800">
0
 
doramail05Author Commented:
solved already at this time
0
All Courses

From novice to tech pro — start learning today.