MAC Browsers and Compatibility with Windows Browsers

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • jhardman
    Recognized Expert Specialist
    • Jan 2007
    • 3405

    #16
    I ran your page through w3c's validator which found 607 errors. Now some of these you probably don't need to worry about (not including a text encoding statement doesn't hurt anybody unless you need strange characters, and I haven't seen browsers mis-interpret ampersands in a URL querystring in years) but as I said earlier, many many tags are being closed unnecessarily. The page is not showing up correctly because of all these errors.

    Jared

    Comment

    • jhardman
      Recognized Expert Specialist
      • Jan 2007
      • 3405

      #17
      Originally posted by mmccarthy
      Jared

      It might be an idea to move this to one of the techncial forums as it has changed from a compatibility issue to a code one.

      Mary
      Sounds good to me, the HTML forum looks like the logical choice. I don't have moderator privileges in this forum, so you will need to do it.

      Jared

      Comment

      • HEX
        New Member
        • Aug 2007
        • 30

        #18
        Jared,

        Thanks for your efforts. Went back to W3C site and again pasted in the code being presented to Firefox which displays OK there, and I got this message:

        This Page Is Valid XHTML 1.0 Transitional!

        I don't get it.

        I must be out to lunch there as well. This page in question renders fine with Firefox and IE. This page renders badly with the Mac V3.0.4 Safari. The older Mac Safari's seem to accept it as well. The other older Mac Safari and Mac Firefox only had a problem with simple page where you pointed out the Positioning issue I need to fix. Appreciate I've some mistakes, but also I may have posted it wrong when I segmented it. I'm going back to fix the problem on the simple page you solved regarding positioning. Meanwhile the current page in question is too big to post or attach normally, so I could sent it to you another way?

        Obviously, this world has a ways to go before it is uniform in handling bad pages.

        Comment

        • jhardman
          Recognized Expert Specialist
          • Jan 2007
          • 3405

          #19
          Hex,

          A link would be fine and probably preferable, but if that doesn't work, post it all. I won't be able to see the whole code from the main view, but I can still see it when I hit "reply". Click on the edit button and type in as the reason for editing, "Please don't edit this post. The code needs to stay intact. Click 'reply' if you would like to see the code"

          Jared

          Comment

          • HEX
            New Member
            • Aug 2007
            • 30

            #20
            Jared,

            Thanks. Do you wish me to try and segment again with each segment reply having the edit reason you mentioned? I can't get it all in one reply it's too big.

            Comment

            • MMcCarthy
              Recognized Expert MVP
              • Aug 2006
              • 14387

              #21
              Originally posted by HEX
              Jared,

              Thanks. Do you wish me to try and segment again with each segment reply having the edit reason you mentioned? I can't get it all in one reply it's too big.
              Can I make a suggestion.

              Put it in a txt file. Then post a reply with at least 20 characters. Edit the reply and you will see an option to attach a file. upload the txt file there.

              Mary

              Comment

              • HEX
                New Member
                • Aug 2007
                • 30

                #22
                Originally posted by mmccarthy
                Can I make a suggestion.

                Put it in a txt file. Then post a reply with at least 20 characters. Edit the reply and you will see an option to attach a file. upload the txt file there.

                Mary
                Mary,

                Thanks. Once before went through this. If it's too big as an attachment or reply you get a nebulus error message about needing a subject. I forget what the limit was but the page exceeds it. Unlike the W3C site you can't get it all in.

                Comment

                • HEX
                  New Member
                  • Aug 2007
                  • 30

                  #23
                  Jared,

                  Thanks for your asistance. Was able to resolve the simple page problem with your help.

                  Have downloaded and installed the latest Safari which the one MAC user had page problems with and I can now see the problems. Playing with one of the pages to see if I can see what the trigger is. Again the page is one that worked with Firefox(testing browser) and IE and the older Safari browser. This page passed with W3C as well. It appears to be a positioning problem on a menu which is positioned absolutely. The other pages have the same issue, but one at a time for now. All other items on page are OK. Eliminated stuff to see if any change but no change. Think I see something else to deal with and am pursuing. Please understand I'm making an slow effort at this stuff.

                  Appreciate any thoughts you may have.

                  Comment

                  • jhardman
                    Recognized Expert Specialist
                    • Jan 2007
                    • 3405

                    #24
                    Originally posted by HEX
                    Mary,

                    Thanks. Once before went through this. If it's too big as an attachment or reply you get a nebulous error message about needing a subject. I forget what the limit was but the page exceeds it. Unlike the W3C site you can't get it all in.
                    Hex,

                    and you can't link to it, huh? I will temporarily activate my email notification so you can send me an email. A couple of thoughts, I use version 2 of Safari, (latest is 3) so I may not be able to see the problem. Second, I am going on a trip tomorrow and I will not be able to check here regularly for a week, so if it isn't resolved before then, I probably won't be much help to you next week.

                    Jared

                    Comment

                    • drhowarddrfine
                      Recognized Expert Expert
                      • Sep 2006
                      • 7434

                      #25
                      Is developing a site with Windows and targeting IE and Firefox as the standard site checkers not a good way to go?
                      It is the best way to go. You should first check your site using Firefox and Safari, then IE.
                      Which worlds browsers best represents a testing check for a standard to follow?
                      Firefox is better due to the development tools. Otherwise, Opera with Safari right behind.
                      The site is built using ASP Net 2.0. and VWD.
                      .NET stuff tend to produce non-standard and superfluous markup.
                      I have a few minutes and will look at the post above, which I assume is the same as being PM'd to Jared.

                      Comment

                      • drhowarddrfine
                        Recognized Expert Expert
                        • Sep 2006
                        • 7434

                        #26
                        Originally posted by drhowarddrfine
                        I have a few minutes and will look at the post above, which I assume is the same as being PM'd to Jared.
                        Well, that didn't work so I guess I mis-copied it. As Jared said, there are a ton of errors, including tags that aren't entered correctly.

                        Without the images, it's also difficult to debug. And I have to say it: never use tables for layout.

                        Comment

                        • MMcCarthy
                          Recognized Expert MVP
                          • Aug 2006
                          • 14387

                          #27
                          Originally posted by HEX
                          Mary,

                          Thanks. Once before went through this. If it's too big as an attachment or reply you get a nebulus error message about needing a subject. I forget what the limit was but the page exceeds it. Unlike the W3C site you can't get it all in.
                          Hi Hex.

                          If you zip the file you should be able to attach up to 100k.

                          Mary

                          Comment

                          • HEX
                            New Member
                            • Aug 2007
                            • 30

                            #28
                            Folks,

                            I know I'm way over my head, however what I was pursuing bore fruit. I can create a very simple page which illustrates the problem. This validates OK with W3C and renders fine with Firefox but not the new Safari. It's simply a page with a one item menu which has a sub menu. It appears Class info is causing problem when there is a sub menu. The sub menu class info has an absolute position reference which is apparently driving the new Safari to place the menu at that reference. Below is code sent to Browsers and following that is the ASP source. Comments?

                            Thanks

                            Code:
                            
                            <!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><title>
                            	Untitled Page
                            </title><style type="text/css">
                            	.Menu1_0 { background-color:white;visibility:hidden;display:none; position:absolute;left:0px;top:0px; }
                            	.Menu1_1 { color:#990000;font-family:Verdana;font-size:0.8em;text-decoration:none; }
                            	.Menu1_2 { color:#990000;background-color:#FFFBD6;font-family:Verdana; font-size:0.8em; }
                            	.Menu1_3 {  }
                            	.Menu1_4 { padding:2px 5px 2px 5px; }
                            	.Menu1_5 {  }
                            	.Menu1_6 { padding:2px 5px 2px 5px; }
                            	.Menu1_7 { background-color:#FFFBD6; }
                            	.Menu1_8 {  }
                            	.Menu1_9 { background-color:#FFCC66; }
                            	.Menu1_10 {  }
                            	.Menu1_11 { background-color:#FFCC66; }
                            	.Menu1_12 { color:White; }
                            	.Menu1_13 { color:White;background-color:#990000; }
                            	.Menu1_14 { color:White; }
                            	.Menu1_15 { color:White;background-color:#990000; }
                            
                            </style></head>
                            <body>
                                <form name="form1" method="post" action="test.aspx" id="form1">
                            <div>
                            <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
                            <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
                            <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEwNTEwMzgzNThkZKDH62jNiDbO/ y4TMgmxJKSJ1C6t" />
                            </div>
                            
                            <script type="text/javascript">
                            <!--
                            var theForm = document.forms['form1'];
                            if (!theForm) {
                                theForm = document.form1;
                            }
                            function __doPostBack(eventTarget, eventArgument) {
                                if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
                                    theForm.__EVENTTARGET.value = eventTarget;
                                    theForm.__EVENTARGUMENT.value = eventArgument;
                                    theForm.submit();
                                }
                            }
                            // -->
                            </script>
                            
                            
                            <script src="/WebResource.axd?d=MFKssAxxzargrsObBfvMqw2&amp; t=633105126532343750" type="text/javascript"></script>
                            
                            
                            <script src="/WebResource.axd?d=U9kPKL-_5tppbbo5ZezJmw2&amp; t=633105126532343750" type="text/javascript"></script>
                                <div>
                                    <a href="#Menu1_SkipLink"><img alt="Skip Navigation Links" src="/WebResource.axd?d=mvuiTowRgeZIsnP5jv4a7Q2&amp; t=633105126532343750" width="0" height="0" style="border-width:0px;" /></a><table id="Menu1" class="Menu1_2" cellpadding="0" cellspacing="0" border="0" style="z-index: 100; left: 376px; position: absolute;
                                        top: 167px">
                            	<tr onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="Menu1n0">
                            		<td><table class="Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
                            
                            			<tr>
                            				<td style="white-space:nowrap;width:100%;"><a class="Menu1_1 Menu1_3" href="javascript:__doPostBack('Menu1','New Item')">New Item</a></td><td style="width:0;"><img src="/WebResource.axd?d=kAc4CRfV2HRK8Mv3p7Nkz QYxsh-jLVZt5uDAxOGQSbE1&amp;t=633105126532343750" alt="Expand New Item" style="border-style:none;vertical-align:middle;" /></td>
                            			</tr>
                            		</table></td>
                            	</tr>
                            </table><div id="Menu1n0Items" class="Menu1_0 Menu1_7">
                            	<table border="0" cellpadding="0" cellspacing="0">
                            		<tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="Menu1n1">
                            			<td><table class="Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
                            
                            				<tr>
                            					<td style="white-space:nowrap;width:100%;"><a class="Menu1_1 Menu1_5" href="javascript:__doPostBack('Menu1','New Item\\New Item')">New Item</a></td>
                            				</tr>
                            			</table></td>
                            		</tr>
                            	</table><div class="Menu1_6 Menu1_0" id="Menu1n0ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
                            		<img src="/WebResource.axd?d=KiVyn0Qqalgm6vYy-GtiolNt3_xs Lo492kuo4GuPjiI1&amp;t=633105126532343750" alt="Scroll up" />
                            	</div><div class="Menu1_6 Menu1_0" id="Menu1n0ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
                            
                            		<img src="/WebResource.axd?d=tPxB-qr7FhRH8VHGIlG9ZNZlpATt OomqKUqVIy6CZik1&amp;t=633105126532343750" alt="Scroll down" />
                            	</div>
                            </div><a id="Menu1_SkipLink"></a>
                                
                                </div>
                                
                            <div>
                            
                            	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAwLY45XICwLb4urtDAKEspGXDB4GAqFLj/ JrGrY6c3/zCVc86/S1" />
                            </div>
                            
                            <script type="text/javascript">
                            <!--
                            var Menu1_Data = new Object();
                            Menu1_Data.disappearAfter = 500;
                            Menu1_Data.horizontalOffset = 2;
                            Menu1_Data.verticalOffset = 0;
                            Menu1_Data.hoverClass = 'Menu1_15';
                            Menu1_Data.hoverHyperLinkClass = 'Menu1_14';
                            Menu1_Data.staticHoverClass = 'Menu1_13';
                            Menu1_Data.staticHoverHyperLinkClass = 'Menu1_12';
                            // -->
                            </script>
                            </form>
                            
                            </body>
                            </html>
                            ASP Source

                            Code:
                            <%@ Page Language="VB" AutoEventWireup="false" CodeFile="test.aspx.vb" Inherits="MemberPages_test" %>
                            
                            <!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>
                            </head>
                            <body>
                                <form id="form1" runat="server">
                                <div>
                                    <asp:Menu ID="Menu1" runat="server" Style="z-index: 100; left: 376px; position: absolute;
                                        top: 167px" BackColor="#FFFBD6" DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#990000" StaticSubMenuIndent="10px">
                                        <Items>
                                            <asp:MenuItem Text="New Item" Value="New Item">
                                                <asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
                                            </asp:MenuItem>
                                        </Items>
                                        <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
                                        <DynamicHoverStyle BackColor="#990000" ForeColor="White" />
                                        <DynamicMenuStyle BackColor="#FFFBD6" />
                                        <StaticSelectedStyle BackColor="#FFCC66" />
                                        <DynamicSelectedStyle BackColor="#FFCC66" />
                                        <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
                                        <StaticHoverStyle BackColor="#990000" ForeColor="White" />
                                    </asp:Menu>
                                
                                </div>
                                </form>
                            </body>
                            </html>

                            Comment

                            • drhowarddrfine
                              Recognized Expert Expert
                              • Sep 2006
                              • 7434

                              #29
                              The problem is some of that is created by the asp.net and javascript stuff and we have no way of recreating that. Do you have a link?

                              Comment

                              • HEX
                                New Member
                                • Aug 2007
                                • 30

                                #30
                                Thanks. Moved the page so it can be accessed.

                                Try http://www.sbtennis.us/test.aspx
                                Last edited by pbmods; Nov 4 '07, 01:55 AM. Reason: Fixed link.

                                Comment

                                Working...