hi there; using asp.net 2.0 (vb), can someone please copy and paste this basic ajax tab page into their site and explain why, in firefox, the content is not being contained within the tab content container. look at the same page in internet explorer and it works fine.
is it a css issue? i can't image why it would be. just a simple 2 column div.
thanks all.
<%@dotnet.itags.org. Page Language="VB" %
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<script runat="server"
</script
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Tabs</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager id="ScriptManager1" EnablePartialRendering=true runat="server"/>
<div>
<div id="Tabs" style="width:100%; clear:both;">
<ajaxToolkit:TabContainer ID="TabContainer3" runat="server">
<ajaxToolkit:TabPanel ID="TabPanel3" runat="server">
<HeaderTemplate>
Tab 1
</HeaderTemplate>
<ContentTemplate>
<div style="text-align:left; clear:both; width:100%;">
<div style="width:545px; float:left; margin:0px; padding:0px;">
Left Side 1<br />
Left Side 1<br />
Left Side 1<br />
</div>
<div style="width:375px; float:left; margin:0px; padding:0px;">
Right Side 1<br />
Right Side 1<br />
Right Side 1<br />
</div>
</div>
</ContentTemplate>
</ajaxToolkit:TabPanel>
</ajaxToolkit:TabContainer>
</div>
</div>
</form>
</body>
</html>
found the issue ... needed a third div ... clear
<%@.PageLanguage="VB" %>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><scriptrunat="server">
</script><htmlxmlns="http://www.w3.org/1999/xhtml">
<headid="Head1"runat="server">
<title>Tabs</title>
</head>
<body>
<formid="form1"runat="server">
<asp:ScriptManagerid="ScriptManager1"EnablePartialRendering=truerunat="server"/>
<div>
<divid="Tabs"style="width:100%; clear:both;">
<ajaxToolkit:TabContainerID="TabContainer3"runat="server">
<ajaxToolkit:TabPanelID="TabPanel3"runat="server">
<HeaderTemplate>
Tab 1
</HeaderTemplate>
<ContentTemplate>
<divstyle="text-align:left; clear:both; width:100%;">
<divstyle="width:545px; float:left; margin:0px; padding:0px;">
Left Side 1<br/>
Left Side 1<br/>
Left Side 1<br/>
</div>
<divstyle="width:375px; float:left; margin:0px; padding:0px;">
Right Side 1<br/>
Right Side 1<br/>
Right Side 1<br/>
</div>
<divstyle="clear:both;"></div>
</div>
</ContentTemplate>
</ajaxToolkit:TabPanel>
</ajaxToolkit:TabContainer>
</div>
</div>
</form></body>
</html>
No comments:
Post a Comment