?
Solved

Tab Panel showing up outside Tab Container... Any Idea Why??

Posted on 2007-08-08
2
Medium Priority
?
313 Views
Last Modified: 2011-09-20
<cc1:TabContainer style="margin-top:20px; margin-bottom:10px;" Width="100%" Height="385px" ID="tabContainer" runat="server">
   
    <cc1:TabPanel ID="tabSchools" style="border:sold 1px #a4a3a3;" runat="server">    
        <HeaderTemplate>Schools</HeaderTemplate>
        <ContentTemplate>            
         <asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Always" runat="server">    
     <ContentTemplate>    
          <div class="left all" style="width:98%; margin-top:10px; padding-left:1%; padding-right:5%;">
        <div class="detailRow">
          <div style="float:left; width:49%;">
            <div class="detailLabel">              
              <asp:Label ID="lblSchoolGroups" CssClass="label underline" style="margin-bottom:2px;" runat="server">Groups:</asp:Label>
            </div>
            <div class="detailContent" style="padding-top:4px; overflow:auto;">            
              <div style="float:left; width:85%;">                                                
                <div class="all" style="font-size:8pt; padding-left:5px;">
                  <div class="all">                        
                    <asp:LinkButton ID="lnkSchoolAddGroup" runat="server">Add Group</asp:LinkButton>                    
                  </div>
                  <div class="all" style="margin-top:3px;">
                    <asp:LinkButton ID="lnkSchoolEditGroup" runat="server">Edit Group</asp:LinkButton>
                  </div>
                  <div class="all" style="margin-top:3px;">
                    <asp:LinkButton ID="lnkSchoolDeleteGroup" runat="server">Delete Group</asp:LinkButton>                  
                  </div>
                </div>
                <div style="overflow-y:auto; padding-top:5px;">                  
                <asp:TreeView ID="treeSchoolGroups" ShowLines="true" ShowExpandCollapse="true" NodeStyle-CssClass="Node" HoverNodeStyle-CssClass="NodeHover" SelectedNodeStyle-CssClass="NodeSelected" Height="200px" runat="server">
                </asp:TreeView>                                    
                </div>
              </div>
              <div style="float:right; padding-left:5px; overflow:visible;">                    
                <div style="padding-top:70px;">                
                  <div class="all"><asp:Button ID="btnSchoolLeftAll" Text="<<" Width="75%" runat="server" /></div>            
                  <div class="all padTop5"><asp:Button ID="btnSchoolLeft" Text="<" Width="75%" runat="server" /></div>
                  <div class="all padTop5"><asp:Button ID="btnSchoolRight" Text=">" Width="75%" runat="server" /></div>
                  <div class="all padTop5"><asp:Button ID="btnSchoolRightAll" Text=">>" Width="75%" runat="server" /></div>
                </div>
              </div>      
            </div>
          </div>          
          <div style="float:right; width:49%;">
            <div class="detailLabel">              
              <asp:Label ID="lblSchoolReports" CssClass="label underline" runat="server">Reports:</asp:Label>
            </div>
            <div class="detailContent" style="padding-top:4px;">
              <asp:ListBox ID="lstSchoolReports" SelectionMode="Multiple" DataTextField="Title" DataValueField="Id" CssClass="select" AutoPostBack="true" Height="255px" Width="100%" runat="server"></asp:ListBox>        
            </div>
           </div>
         </div>  
         
         <div style="clear:both; padding-top:10px;">&nbsp;</div>
         
         <div class="detailRow" style="width:95%;">
          <div class="detailContent">
            <span class="titleLabel">Report Title:</span>
            <p style="text-indent:0px; display:inline;"><asp:Label ID="lblSchoolTitle" CssClass="label" runat="server"></asp:Label></p>                  
          </div>
         </div>
         <div class="detailRow padTop10" style="width:95%;">
          <div class="detailContent">
            <span class="descriptionLabel">Report Description:</span>
            <p style="text-indent:0px; display:inline;"><asp:Label ID="lblSchoolDescription" CssClass="label" runat="server"></asp:Label></p>                
          </div>                
         </div>                      
       </div>                        
     </div>          
     </div>      
     </ContentTemplate>  
    </asp:UpdatePanel>
    </ContentTemplate>    
   </cc1:TabPanel>    
   
   <cc1:TabPanel ID="tabSales" style="border:sold 1px #a4a3a3;" runat="server">    
        <HeaderTemplate>Sales</HeaderTemplate>
        <ContentTemplate>            
         <asp:UpdatePanel ID="UpdatePanel3" UpdateMode="Always" runat="server">    
     <ContentTemplate>    
          <div class="left all" style="width:98%; margin-top:10px; padding-left:1%; padding-right:5%;">
        <div class="detailRow">
          <div style="float:left; width:49%;">
            <div class="detailLabel">              
              <asp:Label ID="lblSalesGroups" CssClass="label underline" style="margin-bottom:2px;" runat="server">Groups:</asp:Label>
            </div>
            <div class="detailContent" style="padding-top:4px; overflow:auto;">            
              <div style="float:left; width:85%;">                                                
                <div class="all" style="font-size:8pt; padding-left:5px;">
                  <div class="all">                        
                    <asp:LinkButton ID="lnkSalesAddGroup" runat="server">Add Group</asp:LinkButton>                    
                  </div>
                  <div class="all" style="margin-top:3px;">
                    <asp:LinkButton ID="lnkSalesEditGroup" runat="server">Edit Group</asp:LinkButton>
                  </div>
                  <div class="all" style="margin-top:3px;">
                    <asp:LinkButton ID="lnkSalesDeleteGroup" runat="server">Delete Group</asp:LinkButton>                  
                  </div>
                </div>
                <div style="overflow-y:auto; padding-top:5px;">                  
                <asp:TreeView ID="treeSalesGroups" ShowLines="true" ShowExpandCollapse="true" NodeStyle-CssClass="Node" HoverNodeStyle-CssClass="NodeHover" SelectedNodeStyle-CssClass="NodeSelected" Height="200px" runat="server">
                </asp:TreeView>                                    
                </div>
              </div>
              <div style="float:right; padding-left:5px; overflow:visible;">                    
                <div style="padding-top:70px;">                
                  <div class="all"><asp:Button ID="btnSalesLeftAll" Text="<<" Width="75%" runat="server" /></div>            
                  <div class="all padTop5"><asp:Button ID="btnSalesLeft" Text="<" Width="75%" runat="server" /></div>
                  <div class="all padTop5"><asp:Button ID="btnSalesRight" Text=">" Width="75%" runat="server" /></div>
                  <div class="all padTop5"><asp:Button ID="btnSalesRightAll" Text=">>" Width="75%" runat="server" /></div>
                </div>
              </div>      
            </div>
          </div>          
          <div style="float:right; width:49%;">
            <div class="detailLabel">              
              <asp:Label ID="lblSalesReports" CssClass="label underline" runat="server">Reports:</asp:Label>
            </div>
            <div class="detailContent" style="padding-top:4px;">
              <asp:ListBox ID="lstSalesReports" SelectionMode="Multiple" DataTextField="Title" DataValueField="Id" CssClass="select" AutoPostBack="true" Height="255px" Width="100%" runat="server"></asp:ListBox>        
            </div>
           </div>
         </div>  
         
         <div style="clear:both; padding-top:10px;">&nbsp;</div>
         
         <div class="detailRow" style="width:95%;">
          <div class="detailContent">
            <span class="titleLabel">Report Title:</span>
            <p style="text-indent:0px; display:inline;"><asp:Label ID="lblSalesTitle" CssClass="label" runat="server"></asp:Label></p>                  
          </div>
         </div>
         <div class="detailRow padTop10" style="width:95%;">
          <div class="detailContent">
            <span class="descriptionLabel">Report Description:</span>
            <p style="text-indent:0px; display:inline;"><asp:Label ID="lblSalesDescription" CssClass="label" runat="server"></asp:Label></p>                
          </div>                
         </div>                      
       </div>                        
     </div>          
     </div>      
     </ContentTemplate>  
    </asp:UpdatePanel>
    </ContentTemplate>    
   </cc1:TabPanel>  
     
  </cc1:TabContainer>  
 
0
Comment
Question by:picsnet
2 Comments
 
LVL 18

Accepted Solution

by:
DropZone earned 2000 total points
ID: 19679287
I see that you have mismatched <div> </div> tags in there.  I have reformatted the content with proper indentation and commented the extra closing tags:

<cc1:TabContainer style="margin-top:20px; margin-bottom:10px;" Width="100%" Height="385px" ID="tabContainer" runat="server">

      <cc1:TabPanel ID="tabSchools" style="border:sold 1px #a4a3a3;" runat="server">    
            <HeaderTemplate>Schools</HeaderTemplate>
            <ContentTemplate>            
                  <asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Always" runat="server">    
                        <ContentTemplate>    
                              <div class="left all" style="width:98%; margin-top:10px; padding-left:1%; padding-right:5%;">
                                    <div class="detailRow">
                                          <div style="float:left; width:49%;">
                                                <div class="detailLabel">              
                                                      <asp:Label ID="lblSchoolGroups" CssClass="label underline" style="margin-bottom:2px;" runat="server">Groups:</asp:Label>
                                                </div>
                                                <div class="detailContent" style="padding-top:4px; overflow:auto;">            
                                                      <div style="float:left; width:85%;">                                                
                                                            <div class="all" style="font-size:8pt; padding-left:5px;">
                                                                  <div class="all">                        
                                                                        <asp:LinkButton ID="lnkSchoolAddGroup" runat="server">Add Group</asp:LinkButton>                    
                                                                  </div>
                                                                  <div class="all" style="margin-top:3px;">
                                                                        <asp:LinkButton ID="lnkSchoolEditGroup" runat="server">Edit Group</asp:LinkButton>
                                                                  </div>
                                                                  <div class="all" style="margin-top:3px;">
                                                                        <asp:LinkButton ID="lnkSchoolDeleteGroup" runat="server">Delete Group</asp:LinkButton>                  
                                                                  </div>
                                                            </div>
                                                            <div style="overflow-y:auto; padding-top:5px;">                  
                                                                  <asp:TreeView ID="treeSchoolGroups" ShowLines="true" ShowExpandCollapse="true" NodeStyle-CssClass="Node" HoverNodeStyle-CssClass="NodeHover" SelectedNodeStyle-CssClass="NodeSelected" Height="200px" runat="server">
                                                                  </asp:TreeView>                                    
                                                            </div>
                                                      </div>
                                                      <div style="float:right; padding-left:5px; overflow:visible;">                    
                                                            <div style="padding-top:70px;">                
                                                                  <div class="all"><asp:Button ID="btnSchoolLeftAll" Text="<<" Width="75%" runat="server" /></div>            
                                                                  <div class="all padTop5"><asp:Button ID="btnSchoolLeft" Text="<" Width="75%" runat="server" /></div>
                                                                  <div class="all padTop5"><asp:Button ID="btnSchoolRight" Text=">" Width="75%" runat="server" /></div>
                                                                  <div class="all padTop5"><asp:Button ID="btnSchoolRightAll" Text=">>" Width="75%" runat="server" /></div>
                                                            </div>
                                                      </div>      
                                                </div>
                                          </div>          
                                          <div style="float:right; width:49%;">
                                                <div class="detailLabel">              
                                                      <asp:Label ID="lblSchoolReports" CssClass="label underline" runat="server">Reports:</asp:Label>
                                                </div>
                                                <div class="detailContent" style="padding-top:4px;">
                                                      <asp:ListBox ID="lstSchoolReports" SelectionMode="Multiple" DataTextField="Title" DataValueField="Id" CssClass="select" AutoPostBack="true" Height="255px" Width="100%" runat="server"></asp:ListBox>        
                                                </div>
                                          </div>
                                    </div>  

                                    <div style="clear:both; padding-top:10px;">&nbsp;</div>

                                    <div class="detailRow" style="width:95%;">
                                          <div class="detailContent">
                                                <span class="titleLabel">Report Title:</span>
                                                <p style="text-indent:0px; display:inline;"><asp:Label ID="lblSchoolTitle" CssClass="label" runat="server"></asp:Label></p>                  
                                          </div>
                                    </div>
                                    <div class="detailRow padTop10" style="width:95%;">
                                          <div class="detailContent">
                                                <span class="descriptionLabel">Report Description:</span>
                                                <p style="text-indent:0px; display:inline;"><asp:Label ID="lblSchoolDescription" CssClass="label" runat="server"></asp:Label></p>                
                                          </div>                
                                    </div>                      
                              </div>                        
                        <!--      
                                * EXTRA CLOSING TAGS *
                        </div>                        
                        </div>          
                        </div>      
                        -->
                        </ContentTemplate>  
                  </asp:UpdatePanel>
            </ContentTemplate>    
      </cc1:TabPanel>    

      <cc1:TabPanel ID="tabSales" style="border:sold 1px #a4a3a3;" runat="server">    
            <HeaderTemplate>Sales</HeaderTemplate>
            <ContentTemplate>            
                  <asp:UpdatePanel ID="UpdatePanel3" UpdateMode="Always" runat="server">    
                        <ContentTemplate>    
                              <div class="left all" style="width:98%; margin-top:10px; padding-left:1%; padding-right:5%;">
                                    <div class="detailRow">
                                          <div style="float:left; width:49%;">
                                                <div class="detailLabel">              
                                                      <asp:Label ID="lblSalesGroups" CssClass="label underline" style="margin-bottom:2px;" runat="server">Groups:</asp:Label>
                                                </div>
                                                <div class="detailContent" style="padding-top:4px; overflow:auto;">            
                                                      <div style="float:left; width:85%;">                                                
                                                            <div class="all" style="font-size:8pt; padding-left:5px;">
                                                                  <div class="all">                        
                                                                        <asp:LinkButton ID="lnkSalesAddGroup" runat="server">Add Group</asp:LinkButton>                    
                                                                  </div>
                                                                  <div class="all" style="margin-top:3px;">
                                                                        <asp:LinkButton ID="lnkSalesEditGroup" runat="server">Edit Group</asp:LinkButton>
                                                                  </div>
                                                                  <div class="all" style="margin-top:3px;">
                                                                        <asp:LinkButton ID="lnkSalesDeleteGroup" runat="server">Delete Group</asp:LinkButton>                  
                                                                  </div>
                                                            </div>
                                                            <div style="overflow-y:auto; padding-top:5px;">                  
                                                                  <asp:TreeView ID="treeSalesGroups" ShowLines="true" ShowExpandCollapse="true" NodeStyle-CssClass="Node" HoverNodeStyle-CssClass="NodeHover" SelectedNodeStyle-CssClass="NodeSelected" Height="200px" runat="server">
                                                                  </asp:TreeView>                                    
                                                            </div>
                                                      </div>
                                                      <div style="float:right; padding-left:5px; overflow:visible;">                    
                                                            <div style="padding-top:70px;">                
                                                                  <div class="all"><asp:Button ID="btnSalesLeftAll" Text="<<" Width="75%" runat="server" /></div>            
                                                                  <div class="all padTop5"><asp:Button ID="btnSalesLeft" Text="<" Width="75%" runat="server" /></div>
                                                                  <div class="all padTop5"><asp:Button ID="btnSalesRight" Text=">" Width="75%" runat="server" /></div>
                                                                  <div class="all padTop5"><asp:Button ID="btnSalesRightAll" Text=">>" Width="75%" runat="server" /></div>
                                                            </div>
                                                      </div>      
                                                </div>
                                          </div>          
                                          <div style="float:right; width:49%;">
                                                <div class="detailLabel">              
                                                      <asp:Label ID="lblSalesReports" CssClass="label underline" runat="server">Reports:</asp:Label>
                                                </div>
                                                <div class="detailContent" style="padding-top:4px;">
                                                      <asp:ListBox ID="lstSalesReports" SelectionMode="Multiple" DataTextField="Title" DataValueField="Id" CssClass="select" AutoPostBack="true" Height="255px" Width="100%" runat="server"></asp:ListBox>        
                                                </div>
                                          </div>
                                    </div>  

                                    <div style="clear:both; padding-top:10px;">&nbsp;</div>

                                    <div class="detailRow" style="width:95%;">
                                          <div class="detailContent">
                                                <span class="titleLabel">Report Title:</span>
                                                <p style="text-indent:0px; display:inline;"><asp:Label ID="lblSalesTitle" CssClass="label" runat="server"></asp:Label></p>                  
                                          </div>
                                    </div>
                                    <div class="detailRow padTop10" style="width:95%;">
                                          <div class="detailContent">
                                                <span class="descriptionLabel">Report Description:</span>
                                                <p style="text-indent:0px; display:inline;"><asp:Label ID="lblSalesDescription" CssClass="label" runat="server"></asp:Label></p>                
                                          </div>                
                                    </div>                      
                              </div>                        
                        <!--
                                 * EXTRA CLOSING TAGS *
                        </div>          
                        </div>    
                        -->
                        </ContentTemplate>  
                  </asp:UpdatePanel>
            </ContentTemplate>    
      </cc1:TabPanel>  

</cc1:TabContainer>

0
 
LVL 1

Author Comment

by:picsnet
ID: 19686670
i found that too.  I've found it don't like certain stuff inside of it too, had all kinds of problems, but that was probably catching stuff when it was too complicated.  

tony
0

Featured Post

NFR key for Veeam Agent for Linux

Veeam is happy to provide a free NFR license for one year.  It allows for the non‑production use and valid for five workstations and two servers. Veeam Agent for Linux is a simple backup tool for your Linux installations, both on‑premises and in the public cloud.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In real business world data are crucial and sometimes data are shared among different information systems. Hence, an agreeable file transfer protocol need to be established.
Simulator games are perfect for generating sample realistic data streams, especially for learning data analysis. It is even useful for demoing offerings such as Azure stream analytics, PowerBI etc.
Whether it be Exchange Server Crash Issues, Dirty Shutdown Errors or Failed to mount error, Stellar Phoenix Mailbox Exchange Recovery has always got your back. With the help of its easy to understand user interface and 3 simple steps recovery proced…
As many of you are aware about Scanpst.exe utility which is owned by Microsoft itself to repair inaccessible or damaged PST files, but the question is do you really think Scanpst.exe is capable to repair all sorts of PST related corruption issues?
Suggested Courses
Course of the Month15 days, 23 hours left to enroll

850 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question