Hi, Is there any special request to have CSS file work in MAC Browser..
Pages are perfect on PC but not on MAC
ThanksSounds like you are using IE5+ <6
There is hella difference between IE MAC and IE windows.
IE MAC is way more W3C standard compliant( still far behind NS6+) as compare to IE windows.The code written for IE5 is usually the problem.just revisit your code and write proper CSS.This should fix most of the problems...
Cheers
KhalidIf its font sizes thats causing problems, switch to px instead of pt (replace 10pt with 13px and so forth). Keep an alternative style sheet for print with font defined as pt.
Test your page on NS6+ on Win. If it looks OK there, probably its not standard compliance issue Khalid's talking about.I tried the site on NetScape 7.0 it seem has the problem, the CSS doesn't work..
I have all font size in px.
the site is <!-- w --><a class="postlink" href="http://www.wildcatlearning.com">www.wildcatlearning.com</a><!-- w --><div id="divDownControl" style= width: 20px; height: 12px">
Missing quotes. Several places. You are just lucky that IE/Win works for your pages.
<table width=100% ...
Use quotes (ie width="100%"). Quotes are optional if you have letters, digits, hyphens and periods. Better to use quotes if you have %.
div ids are unique. You can NOT have more than one with same id.
Look for error on:
<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.wildcatlearning.com%2Fhome.html&doctype=HTML+4.01+Transitional&charset=iso-8859-1+%28Western+Europe%29I've">http://validator.w3.org/check?uri=http% ... ope%29I've</a><!-- m --> been messing around with IE5/Mac and XHTML. It's frustrating sometimes because there are some annoying bugs, but they've got workarounds. I fought with the same issues you are dealing with in the post below:
<!-- m --><a class="postlink" href="http://forums.webdeveloper.com/showthread.php?threadid=5733">http://forums.webdeveloper.com/showthre ... eadid=5733</a><!-- m -->
The post is pretty sparse, but the point is to make sure your pages validate as CSS, HTML 4.01, XHTML, etc. before you go chasing browser bugs.
You could also try <!-- m --><a class="postlink" href="http://www.alistapart.com/">http://www.alistapart.com/</a><!-- m --> They've got dozen's of articles about CSS and XHTML that tackle specific problems.Yes you'r right regarding the ID name, but what about the CSS
Do you eant to say that any bug in the HTML coding will affect the functionality of CSS. ( missing cotation here or an attribut there will kill the CSS ?)
ThanksDid you try closing the quotes to see if it works?
Hey, whats that <font class="2"> doing in there? Why do you need to use <font> tag? Use <span class="2"> instead.
First step: get rid of all errors
Second step: improve the code by getting rid of deprecated elements where not required (eg. you may leave border for img, etc, but replce font class= with span class=)
Third step: Look for workarounds
I am quite sure its not IE5/Mac thing, its sloppy coding. Improper HTML will affect how the text looks. If your browser doesn't read <font class=" part of <font class="2">, how is it going to render the CSS?
Pages are perfect on PC but not on MAC
ThanksSounds like you are using IE5+ <6
There is hella difference between IE MAC and IE windows.
IE MAC is way more W3C standard compliant( still far behind NS6+) as compare to IE windows.The code written for IE5 is usually the problem.just revisit your code and write proper CSS.This should fix most of the problems...
Cheers
KhalidIf its font sizes thats causing problems, switch to px instead of pt (replace 10pt with 13px and so forth). Keep an alternative style sheet for print with font defined as pt.
Test your page on NS6+ on Win. If it looks OK there, probably its not standard compliance issue Khalid's talking about.I tried the site on NetScape 7.0 it seem has the problem, the CSS doesn't work..
I have all font size in px.
the site is <!-- w --><a class="postlink" href="http://www.wildcatlearning.com">www.wildcatlearning.com</a><!-- w --><div id="divDownControl" style= width: 20px; height: 12px">
Missing quotes. Several places. You are just lucky that IE/Win works for your pages.
<table width=100% ...
Use quotes (ie width="100%"). Quotes are optional if you have letters, digits, hyphens and periods. Better to use quotes if you have %.
div ids are unique. You can NOT have more than one with same id.
Look for error on:
<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.wildcatlearning.com%2Fhome.html&doctype=HTML+4.01+Transitional&charset=iso-8859-1+%28Western+Europe%29I've">http://validator.w3.org/check?uri=http% ... ope%29I've</a><!-- m --> been messing around with IE5/Mac and XHTML. It's frustrating sometimes because there are some annoying bugs, but they've got workarounds. I fought with the same issues you are dealing with in the post below:
<!-- m --><a class="postlink" href="http://forums.webdeveloper.com/showthread.php?threadid=5733">http://forums.webdeveloper.com/showthre ... eadid=5733</a><!-- m -->
The post is pretty sparse, but the point is to make sure your pages validate as CSS, HTML 4.01, XHTML, etc. before you go chasing browser bugs.
You could also try <!-- m --><a class="postlink" href="http://www.alistapart.com/">http://www.alistapart.com/</a><!-- m --> They've got dozen's of articles about CSS and XHTML that tackle specific problems.Yes you'r right regarding the ID name, but what about the CSS
Do you eant to say that any bug in the HTML coding will affect the functionality of CSS. ( missing cotation here or an attribut there will kill the CSS ?)
ThanksDid you try closing the quotes to see if it works?
Hey, whats that <font class="2"> doing in there? Why do you need to use <font> tag? Use <span class="2"> instead.
First step: get rid of all errors
Second step: improve the code by getting rid of deprecated elements where not required (eg. you may leave border for img, etc, but replce font class= with span class=)
Third step: Look for workarounds
I am quite sure its not IE5/Mac thing, its sloppy coding. Improper HTML will affect how the text looks. If your browser doesn't read <font class=" part of <font class="2">, how is it going to render the CSS?