Trouble rending form in firefox and netscape.

Question

vic02 0 Newbie Poster

18 Years Ago

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 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.

How can I determine what webcontrols available within Visual Studio 2005 support which standards?

Can anyone tell me if my form can be made to work in these browsers? :cry:

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">

Font-Bold="True" Font-Italic="False" Font-Names="Arial" Font-Size="Large" ForeColor="#2C5EB1"
GroupingText="Fieldset Legend" Height="50px" Width="587px">

</td>
</tr>
<tr>
<td style="height: 30px">

</td>
</tr>
</table>

</td>
</tr>
<tr>
<td style="height: 33px">
</td>
</tr>
<tr>
<td>

Font-Bold="True" Font-Italic="False" Font-Names="Arial" Font-Size="Large" ForeColor="#2C5EB1"
GroupingText="Fieldset Legend" Height="50px" Width="587px">

</td>
</tr>
<tr>
<td style="height: 30px">

</td>
</tr>
</table>

</td>
</tr>
<tr>
<td>

</td>
</tr>
</table>

</form>
</body>

Thanks to anyone who can help...

asp.net

1 Contributor
1 Reply
146 Views
6 Hours Discussion Span
Latest Post 18 Years Ago Latest Post by vic02

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

vic02 0 Newbie Poster · Answer 1 · 2006-03-22T01:41:18+00:00

Sorry, the code above was not properly tagged, and so was not all visible.
Here it is again...

Hope someone can help...

<%@ 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>