473,554 Members | 2,291 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

MAC Browsers and Compatibility with Windows Browsers

30 New Member
Have a site under development which works with both IE and Mozilla Firefox.
Three MAC users accessed site and two have a small problem with one page and the other recently went to the new Leopard release with Safari V3.0.4. browser. This user has big problems with a couple of pages. A couple of users have older Safari and one has Firefox. They experience the minor issue.

Is developing a site with Windows and targeting IE and Firefox as the standard site checkers not a good way to go? Or is trying to have a site also work in the MAC world considered mission impossible? This compatibility issue is mind boggling to me being a new person at this, and it's my first experience. Which worlds browsers best represents a testing check for a standard to follow?

The site is built using ASP Net 2.0. and VWD.

Thanks
Oct 30 '07
57 4702
HEX
30 New Member
[HTML]</tr>
<td>

<tr>
<td style="white-space:nowrap;wi dth:100%;">LADI ES LATE
</tr>
</table>
</tr>
<td>


<tr>
<td style="white-space:nowrap;wi dth:100%;">LADI ES EXTRA
</tr>
</table>
</tr>
<td>

<tr>
<td style="white-space:nowrap;wi dth:100%;">MENS EARLY

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

<tr>
<td style="white-space:nowrap;wi dth:100%;">MENS LATE
</tr>
</table>

</tr>
<td>

<tr>
<td style="white-space:nowrap;wi dth:100%;">MENS EXTRA
</tr>
</table>
</tr>
<td>


<tr>
<td style="white-space:nowrap;wi dth:100%;">MIXE D EARLY
</tr>
</table>
</tr>
<td>

<tr>
<td style="white-space:nowrap;wi dth:100%;">MIXE D LATE

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

<tr>
<td style="white-space:nowrap;wi dth:100%;">MIXE D EXTRA
</tr>
</table>

</tr>
</table>

<img src="/WebResource.axd ?d=KiVyn0Qqalgm 6vYy-GtiolNt3_xsLo49 2kuo4GuPjiI1&t= 633105126532343 750" alt="Scroll up" />
</div>

<img src="/WebResource.axd ?d=tPxB-qr7FhRH8VHGIlG9 ZNZlpATtOomq KUqVIy6CZik1&t= 633105126532343 750" alt="Scroll down" />
</div>
</div>

<table border="0" cellpadding="0" cellspacing="0" >
<tr onmouseover="Me nu_HoverDynamic (this)" onmouseout="Men u_Unhover(this) " onkeyup="Menu_K ey(event)" id="Menu1n31">

<td>

<tr>
<td style="white-space:nowrap;wi dth:100%;">SUND AY
</tr>
</table>
</tr>
<td>

<tr>

<td style="white-space:nowrap;wi dth:100%;">MOND AY
</tr>
</table>
</tr>
<td>

<tr>
<td style="white-space:nowrap;wi dth:100%;">TUES DAY
</tr>

</table>
</tr>
<td>

<tr>
<td style="white-space:nowrap;wi dth:100%;">WEDN ESDAY
</tr>
</table>
</tr>

<td>

<tr>
<td style="white-space:nowrap;wi dth:100%;">THUR SDAY
</tr>
</table>
</tr>
<td>

<tr>

<td style="white-space:nowrap;wi dth:100%;">FRID AY
</tr>
</table>
</tr>
<td>

<tr>
<td style="white-space:nowrap;wi dth:100%;">SATU RDAY
</tr>

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

<img src="/WebResource.axd ?d=KiVyn0Qqalgm 6vYy-GtiolNt3_xsLo49 2 kuo4GuPjiI1&t=6 331051265323437 50" alt="Scroll up" />
</div>

<img src="/WebResource.axd ?d=tPxB-qr7FhRH8VHGIlG9 ZNZlpATtOom qKUqVIy6CZik1&t =63310512653234 3750" alt="Scroll down" />
</div>
</div>

<table border="0" cellpadding="0" cellspacing="0" >

<tr onmouseover="Me nu_HoverDynamic (this)" onmouseout="Men u_Unhover(this) " onkeyup="Menu_K ey(event)" id="Menu1n38">
<td>

<tr>
<td style="white-space:nowrap;wi dth:100%;">Byla ws
</tr>
</table>
</tr>
<td>


<tr>
<td style="white-space:nowrap;wi dth:100%;">Rule s
</tr>
</table>
</tr>
</table>

<img src="/WebResource.axd ?d=KiVyn0Qqalgm 6vYy-GtiolNt3_xsLo49 2 kuo4GuPjiI1&t=6 331051265323437 50" alt="Scroll up" />
</div>

<img src="/WebResource.axd ?d=tPxB-qr7FhRH8VHGIlG9 ZNZlpATtOom qKUqVIy6CZik1&t =63310512653234 3750" alt="Scroll down" />
</div>
</div>

<span id="Label5" style="display: inline-block;font-size:10pt;font-weight:bold;wid th:149px; z-index: 103; left: 47px;
color: #0066ff; font-style: italic; position: absolute; top: 426px; text-align: center;
font-variant: small-caps">(Once Per Session!)</span>
<input type="submit" name="SignUpBut ton" value="SIGN UP" id="SignUpButto n" style="color:#0 066CC;width:92p x;font-weight: bold;
z-index: 104; left: 75px; color: #0033ff; font-style: italic; position: absolute;
top: 353px; background-color: #ffff99; font-variant: small-caps" />
<span id="Label7" style="display: inline-block;font-weight:bold;tex t-decoration:unde rline; width:127px;z-index: 105;
left: 692px; color: royalblue; font-style: italic; position: absolute; top: 171px;
text-align: center; font-variant: small-caps">Places To Go</span>
<input type="submit" name="ScratchBu tton" value="SCRATCH" id="ScratchButt on" style="color:Bl ue;width:92px;f ont-weight: bold;
z-index: 107; left: 75px; color: #0033ff; font-style: italic; position: absolute;
top: 395px; background-color: #ffff99; font-variant: small-caps" />
<span id="LoginName1 " style="display: inline-block;font-size:14pt;heigh t:23px;width:14 6px; font-weight: bold;
z-index: 108; left: 425px; color: #0066ff; font-style: italic; position: absolute;
top: 33px; text-align: left; font-variant: small-caps">hex</span>


<span id="Label9" style="display: inline-block;height:22 px;width:66px;f ont-weight: bold; z-index: 109; left: 359px;
color: #0066ff; font-style: italic; position: absolute; top: 33px; text-align: center;
font-variant: small-caps">Hello...</span>


[/HTML]
Nov 2 '07 #11
jhardman
3,406 Recognized Expert Specialist
that's OK, I can still see the code when I go to reply. I'll look it over and see what I see.

Jared
Nov 2 '07 #12
MMcCarthy
14,534 Recognized Expert Moderator MVP
Jared

I had to remove some of the code from the last post to make it display so see this post for the last section.

Mary

[HTML]
<select name="DropDownL ist1" onchange="javas cript:setTimeou t('__doPostBack (\'DropDownList 1\',\'\')', 0)" id="DropDownLis t1" style="font-size:10pt;width :62px;font-weight: bold;
z-index: 110; border-left-color: #0066ff; left: 90px; border-bottom-color: #0066ff;
color: #0033ff; border-top-style: double; border-top-color: #0066ff; border-right-style: double;
border-left-style: double; position: absolute; top: 486px; background-color: #ffffcc;
text-align: center; border-right-color: #0066ff; border-bottom-style: double; font-style: italic; font-variant: small-caps;">
<option selected="selec ted" value="NO">NO
<option value="01">01
<option value="02">02
<option value="03">03

<option value="04">04
<option value="05">05
<option value="06">06
<option value="07">07
<option value="08">08
<option value="09">09

<option value="10">10
<option value="11">11
<option value="12">12
<option value="13">13
<option value="14">14
<option value="15">15

<option value="16">16
<option value="17">17
<option value="18">18
<option value="19">19
<option value="20">20
<option value="21">21

<option value="22">22
<option value="23">23
<option value="24">24
<option value="25">25
<option value="26">26
<option value="27">27

<option value="28">28
<option value="29">29
<option value="30">30
<option value="31">31
<option value="32">32
<option value="33">33

<option value="34">34
<option value="35">35
<option value="36">36
<option value="37">37
<option value="38">38
<option value="39">39

<option value="40">40
<option value="41">41
<option value="42">42
<option value="43">43
<option value="44">44
<option value="45">45

<option value="46">46
<option value="47">47
<option value="48">48
<option value="49">49
<option value="50">50
<option value="51">51

<option value="52">52
<option value="53">53
<option value="54">54
<option value="55">55
<option value="56">56
<option value="57">57

<option value="58">58
<option value="59">59
<option value="60">60
<option value="61">61
<option value="62">62
<option value="63">63

<option value="64">64
<option value="65">65
<option value="66">66
<option value="67">67
<option value="68">68
<option value="69">69

<option value="70">70
<option value="71">71
<option value="72">72
<option value="73">73
<option value="74">74
<option value="75">75

<option value="76">76
<option value="77">77
<option value="78">78
<option value="79">79
<option value="80">80
<option value="81">81

<option value="82">82
<option value="83">83
<option value="84">84
<option value="85">85
<option value="86">86
<option value="87">87

<option value="88">88
<option value="">

</select>
</div>
<select name="SessionLi st" onchange="javas cript:setTimeou t('__doPostBack (\'SessionList\ ',\'\')', 0)" id="SessionList " title="Select a Session for Sign Up" style="color:Bl ue;font-size:9pt;font-weight:normal;w idth:233px; font-weight: normal;
z-index: 111; border-left-color: #0066ff; left: 331px; border-bottom-color: #0066ff;
color: #0033ff; border-top-style: double; border-top-color: #0066ff; border-right-style: double;
border-left-style: double; position: absolute; top: 98px; background-color: #ffffcc;
text-align: center; border-right-color: #0066ff; border-bottom-style: double">
<option selected="selec ted" value="LADIES EARLY SESSION MONDAY">LADIES EARLY SESSION MONDAY
<option value="LADIES LATE SESSION MONDAY">LADIES LATE SESSION MONDAY

<option value="LADIES EXTRA SESSION MONDAY">LADIES EXTRA SESSION MONDAY
<option value="MENS EARLY SESSION TUESDAY">MENS EARLY SESSION TUESDAY
<option value="MENS LATE SESSION TUESDAY">MENS LATE SESSION TUESDAY
<option value="MENS EXTRA SESSION TUESDAY">MENS EXTRA SESSION TUESDAY
<option value="MENS EARLY SESSION THURSDAY">MENS EARLY SESSION THURSDAY
<option value="MENS LATE SESSION THURSDAY">MENS LATE SESSION THURSDAY

<option value="MENS EXTRA SESSION THURSDAY">MENS EXTRA SESSION THURSDAY
<option value="LADIES EARLY SESSION FRIDAY">LADIES EARLY SESSION FRIDAY
<option value="LADIES LATE SESSION FRIDAY">LADIES LATE SESSION FRIDAY
<option value="LADIES EXTRA SESSION FRIDAY">LADIES EXTRA SESSION FRIDAY
<option value="MIXED EARLY SESSION SATURDAY">MIXED EARLY SESSION SATURDAY
<option value="MIXED LATE SESSION SATURDAY">MIXED LATE SESSION SATURDAY

<option value="MIXED EXTRA SESSION SATURDAY">MIXED EXTRA SESSION SATURDAY

</select>
<span id="Label1" style="display: inline-block;font-weight:bold;wid th:229px;z-index: 112; left: 333px; color: red;
font-style: italic; position: absolute; top: 66px; text-align: center; font-variant: small-caps">First Make a Selection</span>
<span id="Label2" style="display: inline-block;color:#00 66FF;font-size:10pt; font-weight:bold; width:69px;z-index: 113; left: 87px; color: #0066ff;
font-style: italic; position: absolute; top: 325px; text-align: center; font-variant: small-caps">You May</span>
<span id="Label6" style="display: inline-block;font-size:10pt;font-weight:bold;wid th:126px; z-index: 114; left: 58px;
color: #0066ff; font-style: italic; position: absolute; top: 463px; text-align: center;
font-variant: small-caps">Select a Linkee</span>
<span id="Label4" style="display: inline-block;font-size:10pt;font-weight:bold;wid th:53px; z-index: 115; left: 95px; color: #0066ff;
font-style: italic; position: absolute; top: 379px; text-align: center; font-variant: small-caps">Or</span>

<div>
<table cellspacing="0" cellpadding="4" border="0" id="DetailsView 1" style="color:Bl ue;font-size:8pt;font-weight:bold;tex t-decoration:none ; height:22px;wid th:155px;border-collapse:collap se;z-index: 116; border-left-color: #0066ff; left: 43px; border-bottom-color: #0066ff;
color: #0066ff; border-top-color: #0066ff; font-style: italic; position: absolute; top: 172px;
text-align: center; font-variant: small-caps; border-right-color: #0066ff;">
<caption>
Organized Play Dates Open For Sign Up
</caption>
<td style="color:Bl ue;background-color:#FFFF99;f ont-weight:bold;">M onday 11/5/2007
</tr>
<td style="color:Bl ue;background-color:#FFFF99;f ont-weight:bold;">T uesday 11/6/2007

</tr>
<td style="color:Bl ue;background-color:#FFFF99;f ont-weight:bold;">T hursday 11/8/2007
</tr>
<td style="color:Bl ue;background-color:#FFFF99;f ont-weight:bold;">F riday 11/9/2007
</tr>
<td style="color:Bl ue;background-color:#FFFF99;f ont-weight:bold;">S aturday 11/10/2007

</tr>
</table>
</div>

<a id="LoginStatus 1" href="javascrip t:__doPostBack( 'LoginStatus1$c tl00','')" style="display: inline-block;font-weight:bold;wid th:135px;z-index: 118; left: 694px;
color: #0033ff; font-style: italic; position: absolute; top: 66px; text-align: center;
font-variant: small-caps">Members Logout</a>
<br />
<br />
<br />
<br />
<br />

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
















<br />



<script type="text/javascript">
<!--
var Menu1_Data = new Object();
Menu1_Data.disa ppearAfter = 500;
Menu1_Data.hori zontalOffset = 2;
Menu1_Data.vert icalOffset = 0;
Menu1_Data.hove rClass = 'Menu1_15';
Menu1_Data.hove rHyperLinkClass = 'Menu1_14';
Menu1_Data.stat icHoverClass = 'Menu1_13';
Menu1_Data.stat icHoverHyperLin kClass = 'Menu1_12';
// -->
</script>
</form>
</body>
</html>
[/HTML]
Nov 2 '07 #13
jhardman
3,406 Recognized Expert Specialist
This is not valid HTML (any version) at all. There is no way that this passed w3c's validator. Even looking at these few lines I would have to say it could never work.
Expand|Select|Wrap|Line Numbers
  1.             <th align="center" scope="col">PosLinkNAMEPosLinkNAME
  2.         </tr>
  3.             <td align="center">01 Ray, Diane                45  
  4.  
  5.         </tr>
  6.             <td align="center">02 Murphy, Melanie           46  
  7.         </tr>
...
Expand|Select|Wrap|Line Numbers
  1.     </tr>
  2.         <td>
  3.  
  4.             <tr>
  5.                 <td style="white-space:nowrap;width:100%;">Video Library
  6.             </tr>
  7.         </table>
  8.     </tr>
  9.         <td>
  10.             <tr>
  11.                 <td style="white-space:nowrap;width:100%;">Charity Programs
  12.  
  13.             </tr>
  14.         </table>
  15.     </tr>
The difference in behaviors (I almost spelled that ...iours, shows these Brits are a bad influence) is caused by different browsers taking a different approach when they come to invalid code. Safari tends to ignore it, IE tries to guess what you meant based on some complex algorithm. The fact that you got it to display how you wanted in any browser is a miracle. VWD is generating this terrible code? I would ask for your money back. The code keeps closing the row and the table and doesn't close the table cell, and that makes no sense.

On the third post of the code there is a long segment of <br> and &nbsp; which is the same as the problem I mentioned before.

Jared
Nov 2 '07 #14
MMcCarthy
14,534 Recognized Expert Moderator MVP
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
Nov 2 '07 #15
jhardman
3,406 Recognized Expert Specialist
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
Nov 2 '07 #16
jhardman
3,406 Recognized Expert Specialist
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
Nov 2 '07 #17
HEX
30 New Member
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.
Nov 2 '07 #18
jhardman
3,406 Recognized Expert Specialist
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
Nov 3 '07 #19
HEX
30 New Member
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.
Nov 3 '07 #20

Sign in to post your reply or Sign up for a free account.

Similar topics

14
2043
by: Terry A. Haimann | last post by:
I have been working on creating a dynamic web page and have made slow but steady progress. What I have now has an opening page with two drop down boxes. Based on a choice from the first box, the second box is populated from a mysql table. The values from two boxes are then sent via a query string to a new page. The 2nd page then uses these...
53
5669
by: Cardman | last post by:
Greetings, I am trying to solve a problem that has been inflicting my self created Order Forms for a long time, where the problem is that as I cannot reproduce this error myself, then it is difficult to know what is going on. One of these Order Forms you can see here... http://www.cardman.co.uk/orderform.php3
11
2774
by: Dan Rubin | last post by:
HI everyone, lurking for a long time here, since I can usually solve my own problems, but here is one I'm stumped by. I've got a valid XHTML 1.0 Transitional layout, and all the CSS is valid as well (plenty of warnings, but I'm not worried about that), and I'm making use of the float property without any problems EXCEPT for one page...
16
2962
by: Harlan Messinger | last post by:
1. CSS has five generic font family specifiers: serif, sans-serif, cursive, fantasy, monospace. IE lets the users select a default proportional font and a default monospace font. Is there any way in IE for a user to indicate more specifically what his preferred fonts are for serif and sans-serif, respectively (at least, if not cursive and...
1
1781
by: Cezary | last post by:
Hi Folks! I have a problem with fonts size on few browsers. I use size in %, because WAI recommend that form, but in diffrent browsers I have diffrent sizes. For example for IE6.0 100% is 100%, but for IE5.x 100% ins't 100%. Is there any good way to make it compatibility with most browsers ? Maybe I have to do it one stylesheet for one...
4
1586
by: smHaig | last post by:
I am a vb.net programmer but my boss wants me to write a web app which will be used with sqlserver as tje database. We have both pc with IE and Macs with, probably FoxFire - not too sure. Anyway, we will have an outside hosting service so that is not a problem, but will MAC users be able to access this site with their browsers. What are...
6
1986
by: Richie | last post by:
I went through the past six months or so of entries in c.l.javascript, and found a couple where people had expressed opinions about the value of supporting much older versions of Netscape and IE. The entries included incidental mention of server logs showing how many pages had been retrieved by such browsers. I'd like to get some sort of...
5
4008
by: Peter Michaux | last post by:
Hi, I just did a bunch of testing and was surprised with the results. If anyone doesn't know this stuff here is what I found about event.clientX. The event.clientX property in Safari is in page coordinates. In IE, Opera, Firefox event.clientX it is in window coordinates. This means a lot when trying to determine event location in page
4
1661
by: =?Utf-8?B?VlJATVNETi5DT00=?= | last post by:
Hello, I am a rookie web developer and faced with an important decision of choosing the development platform and language for a brand new software my company is about to build. Whereas I am leaning towards ASP.NET simply because of my familiarity with C#, a more important factor of compatibility comes to mind. The big question is how...
0
7611
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...
0
7535
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...
0
8051
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that...
1
7574
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For...
1
5442
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes...
0
5162
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...
1
2026
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
1145
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
850
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.