Home ›
ASP.NET Forums » General ASP.NET » Web Forms » Web user control invisible in Firefox

Web user control invisible in Firefox

Last post 07-03-2008 1:18 AM by sanchita_ind. 4 replies.

Sort Posts:

  • Web user control invisible in Firefox

    07-02-2008, 9:40 AM

    <p></p>
    I am facing a problem. Web user controls are invisible on my site though they r working fine in IE. Firefox also displace my setting of controls in tables.

    How to resolve it?

    ~~ Please mark the post as ANSWER if it helps you ~~

  • Re: Web user control invisible in Firefox

    07-02-2008, 9:43 AM
    • Member
      90 point Member
    • sanchita_ind
    • Member since 07-11-2006, 7:53 AM
    • Posts 63

    can you please provide some markup / code here?

  • Re: Web user control invisible in Firefox

    07-02-2008, 9:50 AM
    • All-Star
      91,768 point All-Star
    • vinz
    • Member since 10-05-2007, 11:47 AM
    • Cebu, Philippines
    • Posts 13,769
    • TrustedFriends-MVPs

    galaxy_thestars39:

    I am facing a problem. Web user controls are invisible on my site though they r working fine in IE. Firefox also displace my setting of controls in tables.

    Post your Mark up here so that we can check it out.. also Note that Different browsers will render stuff differently.. Use CSS when layouting your page for cross browser compatibility

    "Code,Beer and Music ~ my way of being a programmer"

  • Re: Web user control invisible in Firefox

    07-02-2008, 9:57 AM

    This is the code of my main page, which contain tables that displace. 

    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Main.aspx.vb" Inherits="Main" %>

    <%@ Register Src="MenuPage.ascx" TagName="MenuPage" TagPrefix="uc1" %>
    <%@ Register Src="BottomPage.ascx" TagName="BottomPage" TagPrefix="uc2" %>
    <%@ Register Src="PageTop.ascx" TagName="PageTop" TagPrefix="uc3" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>name</title>
        <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <form id="form1" runat="server">
       
            <uc3:PageTop ID="PageTop1" runat="server" />
            &nbsp;&nbsp;&nbsp;<br />
            <table style="z-index: 102; left: 112px; width: 132px; position: absolute; top: 48px;
                height: 168px">
                <tr>
                    <td colspan="3" rowspan="3" style="width: 74px; height: 590px">
                        <table style="width: 135px; height: 1px; left: 0px; position: absolute; top: 0px; z-index: 101;" align="right">
                            <tr>
                                <td rowspan="3" style="width: 35px; height: 31px;">
                        <asp:Panel ID="Panel2" runat="server" Height="36px" Width="36px">
                        </asp:Panel>
                                </td>
                                <td rowspan="3" style="width: 14px; height: 31px;"><asp:Panel ID="Panel3" runat="server" Height="36px" Width="36px">
                                </asp:Panel>
                                </td>
                                <td rowspan="3" style="width: 3px; height: 31px;"><asp:Panel ID="Panel4" runat="server" Height="36px" Width="36px">
                                </asp:Panel>
                                </td>
                            </tr>
                            <tr>
                            </tr>
                            <tr>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                </tr>
                <tr>
                </tr>
                <tr>
                    <td colspan="3" rowspan="1" style="width: 74px; height: 106px">
                       <div align="right">
                       <asp:Panel ID="Panel1" runat="server" Height="50px" Width="136px" style="position: absolute; left: 0px; top: 608px; z-index: 100;"  >
                            </asp:Panel></div>
                    </td>
                </tr>
            </table>
            <br />
            <br />
            <br />
            <table style="z-index: 103; left: 276px; width: 288px; position: absolute; top: 98px;
                height: 448px">
                <tr>
                    <td style="height: 51px; width: 643px;" colspan="3" rowspan="3">
                    <div >
                    <div id="divImage" runat="server">
                        <asp:Image ID="Image1" runat="server" ImageUrl="~/UserFilesUpload/image/1.jpg" Height="580px" Width="700px" style="z-index: 100; left: -22px; position: relative; top: -14px" />
                    </div>
                    <div id="divContent" runat="server" >
                      </div>
                        <div id="div3" runat="server">
                        <asp:Panel ID="Panel5" runat="server" Height="500px" Width="600px" Direction="LeftToRight" ScrollBars="Both" >
                      </asp:Panel>
                      </div>
                        </div>
                    </td>
                </tr>
                <tr>
                </tr>
                <tr>
                </tr>
              
                <tr>
                    <td colspan="3" rowspan="1" style="width: 643px">
                        <uc2:BottomPage ID="BottomPage1" runat="server" />
                       
                    </td>
                </tr>
            </table>
           
       
       
        </form>
    </body>
    </html>

    Should I post code of Web user controls??

    ~~ Please mark the post as ANSWER if it helps you ~~

  • Re: Web user control invisible in Firefox

    07-03-2008, 1:18 AM
    Answer
    • Member
      90 point Member
    • sanchita_ind
    • Member since 07-11-2006, 7:53 AM
    • Posts 63

    Wow you have a lot of width's and height's everywhere.

    First of all try putting these things into a CSS.

    Secondly try to increase the widths of the cells where you have the panels - "Panel3" and "Panel4".
Page 1 of 1 (5 items)
RSS Available

Contact | Advertise | Issue Management by Axosoft's OnTime | Running IIS7
All Rights Reserved. | Terms of Use | Trademarks | Privacy Statement
© 2009 Microsoft Corporation.