eo tabstrip and firefox beta 3 - Essential Objects, Inc. Support Forum

Welcome Guest

Search | Active Topics | Sign In | Register

Essential Objects Product Support Forum » All Products » Support » eo tabstrip and firefox beta 3

eo tabstrip and firefox beta 3

Options

Previous Topic · Next Topic

r0k3t

Posted: Thursday, February 28, 2008 12:42:31 PM

Rank: Member
Groups: Member

Joined: 7/3/2007
Posts: 21

I am using an eo tabstrip on a certian page, The tabstrip and other contents are in a div tag which has its display set to block, The height is set to auto (we generate long variable length lists in this page) The problem is when the page is viewed with Firefox 3 - Apperently the use of the IE supported only display property of "inline-block" is causing the Firefox 3 (which doesn't support inline-block) to fail at properly resizing the div - it stays collapsed therefore the the content underneath gets rendered over the content inside the tabstrip.

What can be done about this issue?

Thank you

eo_support

Posted: Thursday, February 28, 2008 12:46:10 PM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194

Hi,

Please post a test page and we will take a look and see what we can find.

Thanks

r0k3t

Posted: Thursday, February 28, 2008 1:13:04 PM

Rank: Member
Groups: Member

Joined: 7/3/2007
Posts: 21

What would you like? Do you want the output created by it when click view source?

Thanks

eo_support

Posted: Thursday, February 28, 2008 1:16:49 PM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194

No. The .aspx source that we can run and reproduce the problem.

r0k3t

Posted: Thursday, February 28, 2008 1:20:09 PM

Rank: Member
Groups: Member

Joined: 7/3/2007
Posts: 21

<%@ Page Language="C#" MasterPageFile="~/TFGMasterPage.master" AutoEventWireup="true" CodeFile="DocumentDetails.aspx.cs" Inherits="DocumentDetails" Title="Document Details" %>

<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<asp:Label ID="TitleLabel" runat="server" CssClass="PageTitle"></asp:Label>

<table style="width: 80%" border="0">
<tr>
<td style="width: 75%; height: 17px;">
<p> </p>
</td>
<td style="width: 25%" align="right" rowspan="2">
<asp:ImageButton ID="BrochureImageButton" runat="server" ImageUrl="~/Images/ViewBrochure.png"
OnClick="BrochureImageButton_Click" AlternateText="View Brochure" CausesValidation="False" Visible="False" />
 <br />
<asp:Button ID="SendToAFriendButton" runat="server" Text="Send To Friend" Width="154px" OnClick="SendToAFriendButton_Click" Visible="False" CssClass="buttonNew" CausesValidation="False" /> <br />
<asp:Button ID="ChatButton" runat="server" Text="Questions? Chat with Us!" Width="154px" OnClick="ChatButton_Click" Visible="False" CssClass="buttonNew" CausesValidation="False" /> 
</td>
</tr>
<tr>
<td style="width: 75%; height: 15px;">
<asp:Label ID="StudyIdNumberLabel" runat="server" Text="Study #: " CssClass="documentDetailLabel"></asp:Label>
<asp:Label ID="StudyIdNumberDetailLabel" runat="server"></asp:Label></td>
<td></td>
</tr>
<tr>
<td style="width: 75%; height: 15px">
<asp:Label ID="DocumentTypeLabel" runat="server" Text="Document Type: " CssClass="documentDetailLabel"></asp:Label>
<asp:Label ID="DocumentTypeDetailLabel" runat="server"></asp:Label></td>
<td align="right" style="width: 25%">
<asp:Label ID="SuperceededLabel" runat="server" Visible="False" BackColor="White" Font-Bold="True" Font-Size="Larger" ForeColor="Red"></asp:Label></td>
</tr>
<tr>
<td style="width: 75%; height: 15px">
<asp:Label ID="PublicationDateLabel" runat="server" Text="Date Published: " CssClass="documentDetailLabel"></asp:Label>
<asp:Label ID="PublicationDateDetailLabel" runat="server"></asp:Label></td>
<td style="white-space:nowrap; height: 17px; width: 25%;" class="ErrorText" align="right"><asp:Button ID="Button5" runat="server" Text="Add Selections To Cart" Width="163px" OnClick="Button1_Click" CssClass="buttonNew" /></td>
</tr>
<tr>
<td style="width: 75%; height: 15px">
<asp:Label ID="FormatLabel" runat="server" Text="Format: " CssClass="documentDetailLabel"></asp:Label><br />
   <asp:Label ID="FormatDetailLabel" runat="server" Text="Full study: PDF"></asp:Label><br />
   <asp:Label ID="Label1" runat="server" Text="Section, Pages, Tables and Charts: HTML"></asp:Label><br />
</td>
<td style="width: 25%" align="right"><asp:Button ID="PurchasePDFButton" runat="server" Text="Purchase Full Study in PDF" Width="163px" CssClass="buttonNew" OnClick="PurchasePDFButton_Click" CausesValidation="False" Visible="False" /></td>
</tr>
<tr>
<td style="width: 75%; height: 15px">
<asp:Label ID="PagesLabel" runat="server" Text="Pages: " CssClass="documentDetailLabel"></asp:Label>
<asp:Label ID="PagesDetailLabel" runat="server"></asp:Label></td>
<td align="right" style="width: 25%"><asp:Button ID="PurchaseInPrintButton" runat="server" Text="Purchase Full Study in Print" Width="163px" CssClass="buttonNew" CausesValidation="False" OnClick="PurchaseInPrintButton_Click" /></td>
</tr>
<tr>
<td style="width: 75%; height: 15px">
<asp:Label ID="PriceLabel" runat="server" Text="Price: " CssClass="documentDetailLabel"></asp:Label>
<asp:Label ID="PriceDetailLabel" runat="server" CssClass="documentDetail"></asp:Label>
</td>
<td align="right" style="width: 25%"><asp:Button ID="ButtonMoreInfo" runat="server" Text="Request More Info" Width="163px" OnClick="ButtonMoreInfo_Click" CssClass="buttonNew" CausesValidation="False" /></td>
</tr>
<tr>
<td style="width: 75%; height: 15px">
</td>
<td align="right" style="width: 25%">
<asp:Button ID="ButtonNotifyMe" runat="server" Text="Notify Me" Visible="False" Width="163px" OnClick="ButtonNotifyMe_Click" CssClass="buttonNew" CausesValidation="False" /></td>
</tr>
<tr>
<td colspan="2">
<asp:Label ID="DocumentPartsAvialableLabel" runat="server" CssClass="documentDetail"
Width="644px"></asp:Label>
   &nbsp<span
style="color: #0000ff"> </span>
</td>
</tr>
<tr>
<td colspan="2" style="height: 28px">
<eo:TabStrip ID="TabStrip1" runat="server" ControlSkinID="None" MultiPageID="MultiPage1" SelectedIndex="2" OnItemClick="TabStrip1_ItemClick">
<TopGroup>
<Items>
<eo:TabItem PageViewID="PageView1" Text-Html="Description">
</eo:TabItem>
<eo:TabItem PageViewID="PageView2" Text-Html="Table of Contents">
</eo:TabItem>
<eo:TabItem PageViewID="PageView3" Text-Html="Purchase Study Pages" Selected="True">
</eo:TabItem>
<eo:TabItem PageViewID="PageView4" Text-Html="Related Studies">
</eo:TabItem>
<eo:TabItem PageViewID="PageView5" Text-Html="Brochure">
</eo:TabItem>
</Items>
</TopGroup>
<LookItems>
<eo:TabItem Image-Padding-Right="25" IsSeparator="True" ItemID="_Separator">
</eo:TabItem>
<eo:TabItem Height="21" ItemID="_Default" LeftIcon-SelectedUrl="00010605" LeftIcon-Url="00010604"
NormalStyle-CssText="background-image:url(00010602);background-repeat:repeat-x;color:black;font-weight:bold;"
RightIcon-SelectedUrl="00010607" RightIcon-Url="00010606" SelectedExpandedStyle-CssText="color:#ff7e00;"
SelectedStyle-CssText="background-image: url(00010603); background-repeat: repeat-x; font-weight: bold; color: #ff7e00;"
Text-Padding-Bottom="2" Text-Padding-Top="1">
<SubGroup ItemSpacing="5" Style-CssText="background-image:url(00010601);background-position-y:bottom;background-repeat:repeat-x;color:black;cursor:hand;font-family:Verdana;font-size:12px;">
</SubGroup>
</eo:TabItem>
</LookItems>
</eo:TabStrip>
</td>
</tr>
<tr>
<td colspan="2">
<eo:MultiPage ID="MultiPage1" runat="server" Height="180px" Width="725px">
<eo:PageView ID="PageView1" runat="server" Width="725px">
<asp:Label ID="DescriptionLabel" runat="server" Text="Label"></asp:Label></eo:PageView>
<eo:PageView ID="PageView2" runat="server" Width="725px">
       <a href="javascript:NewWindow=window.open('PrinterFriendlyTextToc.aspx','NewWindow','width=675,scrollbars=yes,toolbar=yes,menubar=yes');NewWindow.focus()">
<asp:Image ID="Image7" runat="server" ImageUrl="~/Images/printerFriendly.gif" /></a><br />
<br />
<asp:Label ID="TOCLabel" runat="server" style="font-family: Tahoma, Arial, Sans-Serif"></asp:Label>
<asp:ObjectDataSource ID="ObjectDataSource1" runat="server"></asp:ObjectDataSource>
</eo:PageView>
<eo:PageView ID="PageView3" runat="server" Width="725px">
<table>
<tr>
<td align="left">
    <asp:Image ID="ImageFullStudyPdf" runat="server" ImageUrl="~/Images/fullStudyPdf.gif" />
<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/fullSectionHTML.gif" />
<asp:Image ID="Image3" runat="server" ImageUrl="~/Images/textRecordHTML.gif" />
<asp:Image ID="Image4" runat="server" ImageUrl="~/Images/tableHTML.gif" />
<asp:Image ID="Image5" runat="server" ImageUrl="~/Images/chartHTML.gif" />
<asp:Image ID="Image6" runat="server" ImageUrl="~/Images/itemInCartNotice.gif" />  
</td>
</tr>
<tr>
<td align="center">
<asp:Button ID="Button1" runat="server" Text="Add Selections To Cart" Width="150px" OnClick="Button1_Click" CssClass="buttonNew" />  
<asp:Button ID="Button2" runat="server" Text="Add to Research Folder" Width="150px" Visible="False" CssClass="buttonNew" />
               <a href="javascript:NewWindow=window.open('PrinterFriendly.aspx','NewWindow','width=675,scrollbars=yes,toolbar=yes,menubar=yes');NewWindow.focus()"><asp:Image ID="ImagePrinterFriendly" runat="server" ImageUrl="~/Images/printerFriendly.gif" /></a></td>
</tr>
<tr>
<td>
<asp:Label ID="PurchaseLabel" runat="server"></asp:Label>
 
<br />
<asp:Repeater ID="RepeaterDocumentDetails" runat="server">
<HeaderTemplate>
<table id="docDetailsTable">
</HeaderTemplate>
<ItemTemplate>
<tr id='<%# DataBinder.Eval(Container.DataItem, "DocumentLevel") %>Tr'>
<td id="docDetailsTdCheckBox">
<asp:CheckBox ID="ckbSelect" runat="server" />
</td>
<td align="right">
<asp:Image ID="itemImage" runat="server" ImageUrl='<%# DataBinder.Eval(Container.DataItem, "ImageUrl") %>'/>
</td>
<td id='<%# DataBinder.Eval(Container.DataItem, "DocumentLevel") %>Td'>
<asp:Label ID="LabelDocumentId" Visible="false" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Id") %>'></asp:Label>
<asp:Label ID="LabelDocumentLevel" Visible="false" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "DocumentLevel") %>'></asp:Label>
<asp:Label ID="LabelSectionNumber" Visible="false" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "SectionNumber") %>'></asp:Label>
<asp:Label ID="LabelSequenceNumber" Visible="false" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "SequenceNumber") %>'></asp:Label>
<asp:Label ID="LabelTitle" runat="server" Visible="false" Text='<%# DataBinder.Eval(Container.DataItem, "Title") %>'></asp:Label>

<a id="<%# DataBinder.Eval(Container.DataItem, "DocumentLevel") %>detailsLink" href="FractionalDetails.aspx?DocumentId=<%# DataBinder.Eval(Container.DataItem, "Id") %>"><%# DataBinder.Eval(Container.DataItem, "Title") %></a>
</td>
<td id="docDetailsTdPrice">
<asp:Label ID="LabelPrice" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Price", "{0:c}") %>'></asp:Label>
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>

</td>
</tr>
<tr>
<td align="center">
<asp:Button ID="Button3" runat="server" Text="Add Selections To Cart" Width="150px" OnClick="Button1_Click" CssClass="buttonNew" />  
<asp:Button ID="Button4" runat="server" Text="Add to Research Folder" Width="150px" Visible="False" CssClass="buttonNew" />
</td>
</tr>
</table>
</eo:PageView>
<eo:PageView ID="PageView4" runat="server" Width="725px" Height="61px">
<asp:Label ID="RelatedLinksLabel" runat="server"></asp:Label>
<br />
<asp:Label ID="RelatedDocumentsLabel" runat="server" Text=""></asp:Label></eo:PageView>
<eo:PageView ID="PageView5" runat="server" Width="725px">
<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/pdf.png" />
<asp:HyperLink ID="brochureHyperlink" runat="server" Style="z-index: 100; left: 0px; top: 0px"> Click here to view PDF of study brochure in full screen. </asp:HyperLink> <br />
<br />
<br />
<asp:Literal ID="PDFLiteral" runat="server"></asp:Literal></eo:PageView>
</eo:MultiPage>
</td>
</tr>
<tr>
<td style="width: 75%">
</td>
<td style="width: 25%">
</td>
</tr>
</table>
</asp:Content>

eo_support

Posted: Thursday, February 28, 2008 2:26:16 PM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194

Hi,

Your code does not contain any DIVs, so I am guessing it's in your master page. And our controls work fine with the code you pasted in FireFox 3.

FireFox is known to take height settings very literally, and that has nothing to do with our controls, and that seems to apply to all versions of FireFox, not just FireFox 3. The easiest way to get around it is to use an HTML table. So you might want to considering replacing your DIV with that.

Thanks

r0k3t

Posted: Friday, February 29, 2008 6:37:02 AM

Rank: Member
Groups: Member

Joined: 7/3/2007
Posts: 21

Well - that just isn't true - everything else works... When you pull the data repeater out of the table then it works just fine, All of the container divs are set to "height: auto" which is well supported in firefox.

It has something to do with the tabstrip + multitab and the way it is generated. Like I said - anything NOT in the multitab performs exactly as it should.

Here I will include the aspx for the master page and the style sheet.

Code: CSS

Copy

body {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.rowOneColumnOne {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url('Images/top.jpg');
  width: 1053px;
  height: 71px;
  background-repeat: no-repeat;
}

.rowTwoDiv {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 1053px;
  height: 53px;
}

.rowThreeDiv {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 1200px;
  height: auto;
  border: solid 1px gray;
}

.bottomDiv 
{
  border: solid 1px gray;
  position: relative;
  clear: both;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 995px;
  height: 200px;
}


.rowTwoColumnOne {
  float: left;
  display: inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url('Images/top2.jpg');
  width: 230px;
  height: 53px;
}

.rowTwoColumnTwo {
  float: left;
  text-align: center;
  display: inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url('Images/top3.jpg');
  width: 805px;
  height: 51px;
  background-repeat: repeat-x;
}

.rowTwoColumnThree {
  float: left;
  text-align: center;
  display: inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url('Images/top4.jpg');
  width: 15px;
  height: 51px;
  background-repeat: repeat-x;
}

.rowThreeColumnOne {
  clear: both;
  float: left;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url('Images/searchBackgroud236x100.jpg');
  width: 237px;
  height: 100px;
}

.rowFourColumnOne 
{
  text-align: center;
  float: left;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url('Images/leftside_background_2.jpg');
  width: 237px;
  height: 500px;
}

.rowFiveColumnOne 
{
  text-align: center;
  float: left;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url('Images/leftside_background_bottom.jpg');
  width: 237px;
  height: 24px;
}

.leftContentDiv {
  clear: both;
  float: left;
  display: inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 237px;
  height: 600px;
}

.mainContentDiv {
  float: left;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 960px;
  height: auto;
  border: solid 1px gray;
}

.mainContentDivTop {
  float: left;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 960px;
  height: 30px;
}

.mainContentDivMiddle {
  float: left;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 960px;
  height: auto;
  vertical-align: top;
}

.mainContentDivBottom {
  float: left;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 960px;
  height: auto;
  vertical-align: top;
}

.bottomDivLeft {
  float: left;
  display: inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 237px;
  height: 200px;
}

.bottomDivRight {
  float: left;
  display: inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 740px;
  height: 200px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

td, p, body
{
	font-family: Arial, Frutiger,serif, Times New Roman, Times;
	font-size:12px;
	font-style:normal;
	color:#535353;
	text-decoration:none;
	font-weight:normal
}

img {
  border: 0px;   
}

a.greylink{
font-family: Arial, Frutiger,serif, Times New Roman, Times;
font-size:11px;
display: inline;
text-transform:capitalize;
color:#3E3F40; 
font-weight:bold;
text-decoration:none;
}

a.greylink:Hover{
font-family: Arial, Frutiger,serif, Times New Roman, Times;
font-size:11px;
display: inline;
text-transform:capitalize;
color:#094E93; 
font-weight:bold;
text-decoration:none;
}

a.smallgreylink{
font-family: Arial, Frutiger,serif, Times New Roman, Times;
font-size:11px;
display: inline;
text-transform:capitalize;
color:#3E3F40; 
font-weight:normal;
text-decoration:none;
}

a.smallgreylink:Hover{
font-family: Arial, Frutiger,serif, Times New Roman, Times;
font-size:11px;
display: inline;
text-transform:capitalize;
color:#0099ff; 
font-weight:normal;
text-decoration:none;
}

a 
{
   font-family: Arial, Frutiger,serif, Times New Roman, Times;
   font-size :12px;
   display: inline;
   color: #3333ff;
   text-decoration: none;  
}

a:hover 
{
  font-family: Arial, Frutiger,serif, Times New Roman, Times;
  font-size:12px;
  display: inline;
  color: #5282B9;
  text-decoration: underline;  
}

div.transOFF 
{
    height: 14px; 
    width: 100%; 
    background-image: none;
    border: 0px solid black; 
}
div.transON 
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 14px; 
    width: 100%; 
    background-color: white; 
    -opacity:.80; 
    -filter: alpha(opacity=80); 
    -moz-opacity: 0.5;
    border:0px solid black; 
}

div.LeftIndustryNav 
{
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding-top: 15px;
    padding-left: 8px;
    padding-right: 8px;
    height: 260px;
    width: auto;
}

a.sidelink
{
	font-family: Arial;
	font-size: 10px;
	display: block;
	text-transform: capitalize;
	color: #333334;
	font-weight: normal;
	text-decoration: none;
}

a.sidelink:Hover
{
	font-family: Arial;
	font-size: 10px;
	display: block;
	text-transform: capitalize;
	color: #074B8A;
	font-weight: normal;
	text-decoration: none;
}

.textBoxText
{
	font-size: 9pt;
	font-family: Arial;
	background-color: silver;
	opacity: .80;
	border-right: #6699cc 1px solid;
	border-top: #6699cc 1px solid;
	border-left: #6699cc 1px solid;
	border-bottom: #6699cc 1px solid;
}

.button
{
	background-color: #CEDCE9;
	background-repeat: no-repeat;
	margin: 1px auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	-opacity: .80;
	-filter: alpha(opacity=80);
	-moz-opacity: 0.5;
	border-right: gray thin solid;
	border-top: gray thin solid;
	border-left: gray thin solid;
	border-bottom: gray thin solid;
}

.buttonNew
{
    color: Black;
    background-image: url("Images/buttonBg.gif");
    background-repeat: no-repeat;
    margin: 1px auto;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    -opacity: .80;
    -filter: alpha(opacity=80);
    -moz-opacity: 0.5;
    border: solid 1px gray;
    cursor: hand;
}

.msgBoardContianer 
{
    float: left;
    height: auto;
    width: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
    
.msgBoardTop 
{
    display: block;
    height: 18px;
    width: 180px;
    background-image: url('Images/msgBoardTop.jpg');
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.msgBoardMiddle 
{
    display: block;
    height: auto;
    width: 180px;
    background-image: url('Images/msgBoardMiddle.jpg');
    background-repeat: repeat-y;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.msgBoardBottom
{
    display: block;
    height: 15px;
    width: 180px;
    background-image: url('Images/msgBoardBottom.jpg');
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.msgBoardTextContianer 
{
    
    width: 155px;
    height: 500px;
    margin-right: 18px;
    margin-left: 7px;
    padding-right: 0px;
}

.DocumentDetailsDocumentInfo
{
    float: left;
    margin: 10px 10px 10px 10px;
    padding: 0px 0px 0px 0px;
    height: auto;
    width: 500px;
    border: solid 1px gray;
}

.DocumentDetailsButtons
{
    margin: 10px 10px 10px 10px;
    padding: 0px 0px 0px 0px;
    height: auto;
    width: 200px;
    border: solid 1px gray;   
    float: left;
}

.DocumentDetailsDocTab
{
    clear: both;
    margin: 10px 10px 10px 10px;
    padding: 0px 0px 0px 0px;
    height: auto;
    width: 100%;
    border: solid 1px gray;   
    float: left;
}

Code: HTML/ASPX

Copy

<body>
<form id="form1" runat="server">
<div class="rowOneColumnOne"></div>
<div class="rowTwoDiv">
 <div class="rowTwoColumnOne"></div>
 <div class="rowTwoColumnTwo">
     <uc2:TopNavControl ID="TopNavControl1" runat="server" />
     <uc6:FocusPortalTopNavControl ID="FocusPortalTopNavControl1" runat="server" />
 </div>
 <div class="rowTwoColumnThree"></div>
</div>
<div class="rowThreeDiv">
 <div class="leftContentDiv">
  <div class="rowThreeColumnOne">
   <uc1:SearchControl ID="SearchControl1" runat="server" />
  </div>
  <div class="rowFourColumnOne">
   <span class="greytext" style="font-weight: bold">Freedonia Industry Research<br /></span><br />
   <div style="text-align: center; width: 100%">
    <uc4:LeftIndustryNavCSS ID="LeftIndustryNavCSS1" runat="server" />  
    <br /><br /> 
    <uc5:QuickReg ID="QuickReg1" runat="server" />
   </div>
  </div>
  <div class="rowFiveColumnOne"></div>
 </div>
  <div class="mainContentDiv">
   <div class="mainContentDivTop">
    <asp:Label ID="lblWelcome" runat="server" Text="Label" Visible="False"></asp:Label>
          
    <asp:Image ID="ImageLogo" runat="server" Visible="False" />
   </div>
   <div class="mainContentDivMiddle">
    <asp:contentplaceholder id="ContentPlaceHolder2" runat="server"></asp:contentplaceholder>
   </div>
   <div class="mainContentDivBottom">
    <asp:contentplaceholder id="ContentPlaceHolder1" runat="server"></asp:contentplaceholder>
   </div>
  </div>   
 </div>
 <div class="bottomDiv">
  <div class="bottomDivLeft">
  
  </div>
  <div class="bottomDivRight">
   <img src="images/homepics.jpg"  width="548" height="125" alt="Freedonia Home"/>
      <br />
      <div>
       <uc7:FooterNavControl ID="FooterNavControl1" runat="server" />
       <uc8:FocusFooterNavControl ID="FocusFooterNavControl1" runat="server" Visible="false" />
       <br />
       E-mail: <a href="mailto:info@freedoniagroup.com" class="smallgreylink2">info@freedoniagroup.com</a> • phone: 440.684.9600 • fax: 440.646.0484      
       <br /><br />
       Copyright © 2007 - Freedonia - All Rights Reserved
      </div>
   
  </div>
 </div>
</form>
</body>
</html>

eo_support

Posted: Friday, February 29, 2008 6:58:47 AM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194

Hi,

We will look into it and see what we can find. It's definitely our best interest to have our controls to work as smoothly as possible, but there are certain requirements and conditions that have to be met for our controls to function correctly. Our controls are rather complicated and sophisticated, so if you assume that everything will just work like a simple HTML DIV or whatever element then you are absolutely wrong. Complex HTML blocks rarely work as consistently as a simple HTML element in different browsers.

PS: there is absolutely no good for us to post false information to misguide our users in the forum. A lot of time we give our user information based on our years of experience with our own product, and there is no doubt that we know our product much better than you do. In your case, replacing it with a TABLE is definitely your easiest and best solution. It's not about fashion, it's about whether it works reliably or not.

Thanks

r0k3t

Posted: Friday, February 29, 2008 7:20:14 AM

Rank: Member
Groups: Member

Joined: 7/3/2007
Posts: 21

Actually the site in it's current form is table based, look at http://www.freedoniagroup.com/DocumentDetails.aspx?DocumentId=119618 You get the exact same effect.

It isn't just that tables are out of fashion, I have no problem using whatever works.. however what have found in testing is that the difference is rendering our site using tables versus a CSS based layout is a good 1 to 2 seconds and in internet time even that one second is huge ( and that isn't to be snotty - we all know that). Now with that said, I would be happy use a table in limited fashion if that solved the problem but as I just pointed out - if you check that link you will get the same effect. Given that I didn't create the original layout and master page there is every chance in the world I could be missing something however I can't find it and like I said I have tested it thoroughly - Anything outside the multiview works exactly as I would expect it to the only time this becomes a problem is when I use the multiview.

I am not trying to say your code is bad, nor that I somehow understand it totally - certainly not... I am not even saying that problem lies with your code, my guess is that is some combination of things - I would be happy to adjust or modify my code to work in conjunction with the tabstrip/multiview - whatever works... All I am looking for is an solution.

Thank you

eo_support

Posted: Friday, February 29, 2008 11:05:44 AM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194

Hi,

Thanks for clarifying up. We are still looking into the issue but I just wanted give you a head up on how we address these issues. Please keep in mind that the issue only appears on a FireFox Beta release, and it works fine on everywhere else, so it is unlikely that we will change our product to make it work on a Beta browser without knowing what changes they are going to make with their final release --- and the final release is what goes to your client. What we mostly like to do is to give you workaround ---- if one can be found, and that's exactly what we have been trying to do.

Having that said, it is definitely not to say that we are taking the issue lightly. The truth is actually absolutely the contrary, it does nobody any good when things does not work right --- regardless whether it's because of nasty browser bugs or our bug. So bring up the issue now definitely offers opportunities to avoid it pops up when FireFox releases its final version. If we confirm it’s a FireFox bug, we will try to notify FireFox developers to see if they can address it on their side.

Hope this clears thing up.

Thanks

r0k3t

Posted: Friday, February 29, 2008 11:08:42 AM

Rank: Member
Groups: Member

Joined: 7/3/2007
Posts: 21

Yes - This clears things up. Please keep me posted on any new developments.

r0k3t

Posted: Wednesday, March 5, 2008 6:26:35 AM

Rank: Member
Groups: Member

Joined: 7/3/2007
Posts: 21

Has - there been any progress on this issue? I looked at it again and I am still just stuck!

eo_support

Posted: Wednesday, March 5, 2008 6:38:15 AM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194

Hi,

Try to remove Height="180px" on your MultiPage and see if it works.

Thanks

You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Message