Advertisement

07.25.2008 at 01:16PM PDT, ID: 23596702
[x]
Attachment Details

Mozilla mangles web page, IE displays it okay

Asked by knowlton in Programming for ASP.NET

My meager HTML skills are no match for the cross-browswer dilemna I've heard so much about and have finally experienced.

As you can see in the image below, IE and Mozilla are rendering the page differently.  I do not know how to fix this.

I have also provided the HTML markup.  I am using Visual Studio 2008.Start Free Trial 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:

<%@ Page Language="C#" MasterPageFile="~/MasterPages/CMSNavigation.master" AutoEventWireup="true" CodeFile="DirectoryManagement.aspx.cs" Inherits="Tools_SEO_DirectoryManagement" Title="Untitled Page" %>
 
<%@ Register src="../../UserControls/SEO/DirManCollection.ascx" tagname="DirManCollection" tagprefix="uc1" %>
 
<%@ Register src="../../UserControls/SEO/CaptchaRepeater.ascx" tagname="CaptchaRepeater" tagprefix="uc2" %>
 
<%@ Reference Control="~/UserControls/SEO/CaptchaImageDisplay.ascx" %>
 
<%@ Register src="../../UserControls/SEO/DirectoryManagementDropDown.ascx" tagname="DirectoryManagementDropDown" tagprefix="uc3" %>
 
<asp:Content ID="Content1" ContentPlaceHolderID="mainContent" Runat="Server">
    
    <table>
        <tr>
            <td>
                <asp:Label ID="LabelTitle" runat="server" Text="Link Builder" Font-Bold="True" Font-Size="Larger"></asp:Label> 
                <br />
                <br />
            </td>
        </tr>
        <tr>
            <td>
                <asp:Label ID="LabelDomain" runat="server" Text="Domain"></asp:Label> 
            </td>
        </tr>
    </table>
    
    <br />
    
    <table>
        <tr>
            <td>
							<div><uc1:DirManCollection ID="DirManCollection" runat="server" /></div>                
            </td>
            <td>
                <div><uc2:CaptchaRepeater ID="CaptchaRepeater" runat="server" /></div>             
            </td>
        </tr>
    </table>
    
    <br />
    <table>
        <tr>
            <td>
                <asp:Button ID="ButtonVerified" runat="server" Text="Verified" 
                    BackColor="Black" Font-Names="Aharoni" ForeColor="White" Height="30px" 
                    onclick="ButtonVerified_Click" />
            </td>
            <td>
                <asp:Button ID="ButtonManual" runat="server" Text="Manual" BackColor="Black" 
                    Font-Names="Aharoni" ForeColor="White" Height="30px" 
                    onclick="ButtonManual_Click" />
            </td>
            <td>
                <asp:Button ID="ButtonPaid" runat="server" Text="Paid" BackColor="Black" 
                    Font-Names="Aharoni" ForeColor="White" Height="30px" 
                    onclick="ButtonPaid_Click" />
            </td>
            <td>
                <asp:Button ID="ButtonDeactivate" runat="server" Text="Deactivate" 
                    BackColor="Black" Font-Names="Aharoni" ForeColor="White" Height="30px" 
                    onclick="ButtonDeactivate_Click" />
            </td>
        </tr>
    </table>
    
    <div id="divViewCurrentWebPage" runat="server">
    </div>
    
    <script type="text/javascript">
        function RadioChecked(current)
        {               
           for(i = 0; i < document.forms[0].elements.length; i++)
           {
              elm = document.forms[0].elements[i];
                          
              if (elm.type == 'radio')      
              {           
                    if(elm != current)
                    {
                        elm.checked = false;                                      
                    }
              }
           }           
        }
    
        function checkSelectValues(element, str) 
        {
            ss = document.getElementsByTagName("SELECT");
	
	        for(x=0;x<ss.length;x++)	         
	        {	        	         
                
                if(ss[x].id.indexOf(str) != -1) 
                {        
	        
		            if ((ss[x].id != element.id) && (ss[x].value == element.value)) 
		            {
		                ss[x].selectedIndex = 0;		                
		            } 
		            else 
		            {
		            }
		        }
	        }
        }    
 
        
    </script>
 
    
    
</asp:Content>
Attachments:
 
moz-mangle.jpg (67 KB) (File Type Details) 
moz mangle
moz mangle
 
[+][-]07.26.2008 at 01:10PM PDT, ID: 22096087

View this solution now by starting your 7-day free trial. Setting up your free trial is quick, easy, and secure. We will return you to this solution, unlocked, when you're done.

 

About this solution

Zone: Programming for ASP.NET
Sign Up Now!
Solution Provided By: prairiedog
Participating Experts: 1
Solution Grade: A
 
 
[+][-]07.29.2008 at 08:11AM PDT, ID: 22112254

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
 
Loading Advertisement...
20080716-EE-VQP-32 / EE_QW_EXPERT_20070906