Note that there are some explanatory texts on larger screens.

plurals
  1. POdiv float:left style within an asp TabContainer
    primarykey
    data
    text
    <p>I am using ASP.NET Ajax control toolkit v3.5 TabContainer control. Anytime I use the style "float:left" my tab container "lets go" of the div's it contains and all my content appears outside/disconnected from the tab control (there's a black border around the tab area). Online, some people say setting "overflow:hidden" helps, but this doesn't appear to work within the context of the TabContainer. Its all busted in FF and IE. Anybody know how to fix this?</p> <pre><code>&lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TabControl.aspx.cs" Inherits="WebApplication1.TabControl" %&gt; &lt;%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head runat="server"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form id="form1" runat="server"&gt; &lt;div&gt; &lt;asp:ToolkitScriptManager ID="ToolkitScriptManager2" runat="server"/&gt; &lt;asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="2"&gt; &lt;asp:TabPanel ID="TabPanel1" runat="server" HeaderText="TabPanel1"&gt; &lt;ContentTemplate&gt; &lt;div&gt;I'm all nice and pretty inside the tab&lt;/div&gt;&lt;div&gt;Me too I'm pretty inside tab, but I fall to the nextline.&lt;/div&gt; &lt;/ContentTemplate&gt; &lt;/asp:TabPanel&gt; &lt;asp:TabPanel ID="TabPanel2" runat="server" HeaderText="TabPanel2"&gt; &lt;ContentTemplate&gt; &lt;div style="float:left;"&gt;This is messed up on float&lt;/div&gt;&lt;div style="float:left;"&gt;Watch as I fall onto the line&lt;/div&gt; &lt;/ContentTemplate&gt; &lt;/asp:TabPanel&gt; &lt;/asp:TabContainer&gt; &lt;/div&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload