Wrox Programmer Forums
Go Back   Wrox Programmer Forums > ASP.NET and ASP > ASP.NET 2.0 > ASP.NET 2.0 Professional
| Search | Today's Posts | Mark Forums Read
ASP.NET 2.0 Professional If you are an experienced ASP.NET programmer, this is the forum for your 2.0 questions. Please also see the Visual Web Developer 2005 forum.
Welcome to the p2p.wrox.com Forums.

You are currently viewing the ASP.NET 2.0 Professional section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
  #1 (permalink)  
Old March 21st, 2006, 01:46 PM
Registered User
 
Join Date: Mar 2006
Location: City of Cocoa Beach, FL, USA.
Posts: 8
Thanks: 0
Thanked 0 Times in 0 Posts
Default Trouble rendering form in firefox and netscape

I've done extensive work developing a large on-line application form, only to find that it will not render properly in Firefox (1.5.0.1) or Netscape (8.0).

The panels are overlapping each other and style settings such as backcolor are not propagating to child elements. Yet, it renders nicely in IE.
I've already updated the <browsercaps> section in my web.config file using Rob Eberhardt's implementation (http://slingfive.com/pages/code/browserCaps/), so the panel's are rendering as div's and not table's. Yet the problem persists.

Please, can anyone tell me if it can be made to work in these browsers without a major rehaul?

Here's a simplified excerpt of my code:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Application.aspx.cs" Inherits="_Default" %>
<!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>Untitled Page</title>
    <style type="text/css"> legend {color:#2c5eb1} </style>
</head>
<body>
    <form id="form1" runat="server">
    <div style="text-align: left">
        &nbsp;&nbsp;
        <br />
        <table width="587" align="center">
            <tr>
                <td><asp:Table ID="Table1" runat="server" BackColor="#D8E7EF" Height="3px" Width="587px">
                    <asp:TableRow runat="server">
                        <asp:TableCell runat="server"></asp:TableCell>
                    </asp:TableRow>
                </asp:Table>
                    <asp:Panel ID="Panel1" runat="server" BackColor="#FBF1EC" EnableTheming="True"
            Font-Bold="True" Font-Italic="False" Font-Names="Arial" Font-Size="Large" ForeColor="#2C5EB1"
            GroupingText="Fieldset Legend" Height="50px" Width="587px">
                        <br />
                        <table>
                            <tr>
                                <td style="height: 30px">
                                    &nbsp;<asp:Label ID="Label3" runat="server" Text="Field 1:" Width="80px"></asp:Label>
                                    <asp:TextBox ID="TextBox6" runat="server" Width="188px"></asp:TextBox>
                                    &nbsp;&nbsp; &nbsp;
                                    <asp:Label ID="Label4" runat="server" Text="Field 2:"></asp:Label>
                                    <asp:TextBox ID="TextBox7" runat="server"></asp:TextBox></td>
                            </tr>
                            <tr>
                                <td style="height: 30px">
                                    &nbsp;<asp:Label ID="Label5" runat="server" Text="Field 3:"></asp:Label>
                                    <asp:TextBox ID="TextBox8" runat="server" Width="24px"></asp:TextBox>
                                    &nbsp;&nbsp;
                                    <asp:Label ID="Label6" runat="server" Text="Field 4:"></asp:Label>
                                    <asp:TextBox ID="TextBox9" runat="server"></asp:TextBox></td>
                            </tr>
                            <tr>
                                <td style="height: 30px">
                                    &nbsp;<asp:Label ID="Label7" runat="server" Text="Field 5:"></asp:Label>
                                    <asp:TextBox ID="TextBox10" runat="server" Width="430px"></asp:TextBox></td>
                            </tr>
                        </table>
                    </asp:Panel>
                </td>
            </tr>
            <tr>
                <td style="height: 33px">
                </td>
            </tr>
            <tr>
                <td><asp:Table ID="Table3" runat="server" BackColor="#D8E7EF" Height="3px" Width="587px">
                    <asp:TableRow runat="server">
                        <asp:TableCell runat="server"></asp:TableCell>
                    </asp:TableRow>
                </asp:Table>
                    <asp:Panel ID="Panel3" runat="server" BackColor="#FBF1EC" EnableTheming="True"
            Font-Bold="True" Font-Italic="False" Font-Names="Arial" Font-Size="Large" ForeColor="#2C5EB1"
            GroupingText="Fieldset Legend" Height="50px" Width="587px">
                        <br />
                        <table>
                            <tr>
                                <td style="height: 30px">
                                    &nbsp;<asp:Label ID="Label8" runat="server" Text="Field 1:" Width="80px"></asp:Label>
                                    <asp:TextBox ID="TextBox11" runat="server" Width="188px"></asp:TextBox>
                                    &nbsp;&nbsp; &nbsp;
                                    <asp:Label ID="Label9" runat="server" Text="Field 2:"></asp:Label>
                                    <asp:TextBox ID="TextBox12" runat="server"></asp:TextBox></td>
                            </tr>
                            <tr>
                                <td style="height: 30px">
                                    &nbsp;<asp:Label ID="Label10" runat="server" Text="Field 3:"></asp:Label>
                                    <asp:TextBox ID="TextBox13" runat="server" Width="24px"></asp:TextBox>
                                    &nbsp;&nbsp;
                                    <asp:Label ID="Label11" runat="server" Text="Field 4:"></asp:Label>
                                    <asp:TextBox ID="TextBox14" runat="server"></asp:TextBox></td>
                            </tr>
                            <tr>
                                <td style="height: 30px">
                                    &nbsp;<asp:Label ID="Label12" runat="server" Text="Field 5:"></asp:Label>
                                    <asp:TextBox ID="TextBox15" runat="server" Width="430px"></asp:TextBox></td>
                            </tr>
                        </table>
                    </asp:Panel>
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;
                </td>
            </tr>
        </table>
        <br />
        &nbsp;
        <br />
    </div>
    </form>
</body>
</html>



Similar Threads
Thread Thread Starter Forum Replies Last Post
Submit form and validation ind IE 6.0 and Firefox Leholt Classic ASP Basics 2 February 2nd, 2008 11:48 AM
Firefox Error when Form Floated / Form locks socoolbrewster CSS Cascading Style Sheets 5 October 6th, 2007 09:59 PM
Error with Netscape and FireFox echovue Ajax 1 April 18th, 2007 08:27 AM
Positioning Problem in Firefox and Netscape echovue Javascript 3 April 13th, 2007 08:39 AM
Firefox Problem - submit form mattastic Javascript How-To 4 July 19th, 2005 07:30 AM





Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.