Browser compatibility question

Discussion in 'HTML' started by Raymond Lee, Oct 13, 2003.

  1. Raymond Lee

    Raymond Lee Guest

    I just designed a beautiful Web site. Did it all with HTML and CSS via
    Notepad. I was so delighted and proud. Showed it to my boss, who was also
    impressed. But then, he went back to his office, tried looking at it, and
    most of my cool styles did not show up. It was readable and functional, but
    not as great to look at.

    Turns out, he has IE5 and I have IE6. He also tried Netscape 4.7. That was
    worse. He doesn't want everybody in the company to have to upgrade to IE6,
    nor do I blame him. Somebody told me that there was a place where you submit
    your code or link (like the W3 Validator site), as well as which browser you
    want to view it on, and it will suggest alternative code to use. Is that
    true? Is there such a site?

    Thanks in advance!
    --
    Regards,
    Raymond Lee

    If you want happiness for an hour - take a nap.
    If you want happiness for a day - go fishing.
    If you want happiness for a month - get married.
    If you want happiness for a year - inherit a fortune.
    If you want happiness for a lifetime - help someone else.
     
    Raymond Lee, Oct 13, 2003
    #1
    1. Advertising

  2. While the city slept, Raymond Lee <> feverishly typed:

    > Regards,
    > Raymond Lee


    Christ! I thought I read "Lee Raymond" there... as in the big-bad-boss of
    ExxonMobil! You narrowly avoided my kill-file there! ;-)

    Maybe you could post a URL to your code, so the good people here can have a
    look and make some suggestions?

    Cheers,
    Nige

    --
    Nigel Moss.

    Email address is not valid. . Take the dog out!
    http://www.nigenet.org.uk | Boycott E$$O!! http://www.stopesso.com
    "How strange the change from major to minor..."
     
    nice.guy.nige, Oct 13, 2003
    #2
    1. Advertising

  3. Raymond Lee

    DU Guest

    Raymond Lee wrote:

    > I just designed a beautiful Web site. Did it all with HTML and CSS via
    > Notepad. I was so delighted and proud. Showed it to my boss, who was also
    > impressed. But then, he went back to his office, tried looking at it, and
    > most of my cool styles did not show up. It was readable and functional, but
    > not as great to look at.
    >


    Functionality and access to content are more important here. One primary
    goal of accessibility is to make sure a page content is accessible in
    older browsers.

    > Turns out, he has IE5 and I have IE6. He also tried Netscape 4.7. That was
    > worse. He doesn't want everybody in the company to have to upgrade to IE6,
    > nor do I blame him. Somebody told me that there was a place where you submit
    > your code or link (like the W3 Validator site), as well as which browser you
    > want to view it on, and it will suggest alternative code to use.


    Well, not exactly that but the validator will report syntax errors and
    deprecated elements and attributes (according to the DTD you use).

    Is that
    > true? Is there such a site?
    >
    > Thanks in advance!


    http://validator.w3.org/

    Make sure you use a doctype declaration, preferably a strict DTD; ie
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

    Activating the Right Layout Mode Using the Doctype Declaration
    http://www.hut.fi/u/hsivonen/doctype.html

    DU
    --
    Javascript and Browser bugs:
    http://www10.brinkster.com/doctorunclear/
    - Resources, help and tips for Netscape 7.x users and Composer
    - Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x
    http://www10.brinkster.com/doctorunclear/Netscape7/Netscape7Section.html
     
    DU, Oct 13, 2003
    #3
  4. Raymond Lee

    Mark Parnell Guest

    Sometime around Mon, 13 Oct 2003 14:59:00 GMT, Raymond Lee is reported to
    have stated:

    > Somebody told me that there was a place where you submit
    > your code or link (like the W3 Validator site), as well as which browser you
    > want to view it on, and it will suggest alternative code to use. Is that
    > true? Is there such a site?


    news:alt.html :)

    --
    Mark Parnell
    http://www.clarkecomputers.com.au
     
    Mark Parnell, Oct 13, 2003
    #4
  5. Raymond Lee

    brucie Guest

    In post <U4zib.10903$>
    Raymond Lee said...

    > Somebody told me that there was a place where you submit
    > your code or link (like the W3 Validator site), as well as which browser you
    > want to view it on, and it will suggest alternative code to use. Is that
    > true? Is there such a site?


    download the browsers. any claims that a program or system can show
    you how your site will appear in a particular browser are at best
    inaccurate and at worst totally false and misleading.

    --
    brucie.
    14/October/2003 08:51:25 am
     
    brucie, Oct 13, 2003
    #5
  6. Raymond Lee

    Raymond Lee Guest

    Thank you for that. Somebody else mentioned posting my link, but I have no
    place to upload this. But here is my code. Renders nicely in IE6, but not
    IE5 or NN4. I tried changing my "body {" style line to "body, table, td {"
    thinking maybe iy was not inhereting properly, but that still did not get my
    18pt italic link items, hover color to turn red, or link underlines to
    disappear. Any clue?

    Thanks in advance for any help anyone may provide.

    RL
    __________________________________________________

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

    <html>
    <head>
    <title>Mandarin Chef Employee's Intranet Home Page</title>
    <meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    body {
    color: rgb(0%,0%,0%);
    background-color: rgb(100%,100%,100%);
    font-family: "Times New Roman", sans-serif;
    font-style: italic;
    font-size: 18pt;
    font-weight: bold;
    letter-spacing: 0.1em
    }
    td {
    width: 350px;
    }
    a {
    color: black;
    text-decoration: none;
    }
    a:hover {
    color: red;
    }
    big {
    font-family: "Times New Roman", sans-serif;
    font-size: 12pt;
    font-weight: normal;
    letter-spacing: normal
    }
    -->
    </style>
    </head>

    <body>
    <big><i><a href="http://www.mandarinchef.com">Mandarin Chef</a> &gt
    Employees Intranet</i></big>
    <hr>
    <img src="../images/logo.gif" style="margin: 20px 0 10px 40px;"
    alt="logo">
    <table style="margin-left: 40px;">
    <tr>
    <td><a href="news.html">News</a></td>
    <td><a href="handbooks.html">Handbooks</a></td>
    </tr>
    <tr>
    <td><a href="forms.html">Forms</a></td>
    <td><a href="sharedfiles.html">Shared Files</a></td>
    </tr>
    <tr>
    <td><a href="policies.html">Policies</a></td>
    <td><a href="education.html">Education and Training</a></td>
    </tr>
    <tr>
    <td><a href="procedures.html">Procedures</a></td>
    <td><a href="websites.html">Web Sites</a></td>
    </tr>
    <tr>
    <td><a href="techniques.html">Techniques</a></td>
    <td><a href="reference.html">Reference</a></td>
    </tr>
    <tr>
    <td><a href="searchengine.html">Search Engine</a></td>
    <td><a href="discussiongroups.html">Discussion Groups</a></td>
    </tr>
    <tr>
    <td><a href="salesbrochures.html">Sales Brochures</a></td>
    <td><a href="competition.html">Competition</a></td>
    </tr>
    </table>
    </body>

    </html>
    __________________________________________________


    "Mark Parnell" <> wrote in message
    news:1jp8n2yzotuac.1rufy1k9s6pmx$...
    > Sometime around Mon, 13 Oct 2003 14:59:00 GMT, Raymond Lee is reported to
    > have stated:
    >
    > > Somebody told me that there was a place where you submit
    > > your code or link (like the W3 Validator site), as well as which browser

    you
    > > want to view it on, and it will suggest alternative code to use. Is that
    > > true? Is there such a site?

    >
    > news:alt.html :)
    >
    > --
    > Mark Parnell
    > http://www.clarkecomputers.com.au
     
    Raymond Lee, Oct 14, 2003
    #6
  7. Raymond Lee

    DU Guest

    Raymond Lee wrote:
    > Thank you for that. Somebody else mentioned posting my link, but I have no
    > place to upload this. But here is my code. Renders nicely in IE6, but not
    > IE5 or NN4. I tried changing my "body {" style line to "body, table, td {"
    > thinking maybe iy was not inhereting properly, but that still did not get my
    > 18pt italic link items, hover color to turn red, or link underlines to
    > disappear. Any clue?
    >


    These resources indicate that the :hover pseudo-class and
    text-decoration property are supported by MSIE 5.x.

    http://devedge.netscape.com/library/xref/2003/css-support/css1/mastergrid.html

    http://devedge.netscape.com/library/xref/2003/css-support/css2/selectors.html

    I would not use absolute unit length for body and any text in your
    document. Best is to use scalable, proportional values like em or %tage
    (I always prefer %tage). The reason for this is to make your text
    scalable for users in all browsers and proportional to the users'
    default font size setting. 100% is the normal font size in the user's
    browser settings.
    pt are best for printing, not for viewing on the web. MSIE will not make
    your page scalable, proportional if you use pt for your text: ie
    View/Text Size choices (Largest/Larger/Medium/Smaller/Smallest) are
    inoperative in MSIE 5+.

    > Thanks in advance for any help anyone may provide.
    >
    > RL
    > __________________________________________________



    Regarding your italic big links, I'm absolutely convinced it's possible
    to create a style sheet which will work in MSIE 5+ and other recent
    browsers.

    I note there is something not good in your code. If CSS is not supported
    (whatever the reason why - disabled or unsupported) in a browser (or
    other applications), then your text (<body>) will be rendered smaller
    than your "Mandarin chef" link (<big>) while when CSS is supported, your
    page will do the opposite. In a precise case like this one, it is said
    that the webpage code does not degrade gracefully. Again, this could be
    fixed easily.

    >
    > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
    > "http://www.w3.org/TR/html4/loose.dtd">
    >
    > <html>
    > <head>
    > <title>Mandarin Chef Employee's Intranet Home Page</title>
    > <meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
    > <style type="text/css">
    > <!--
    > body {
    > color: rgb(0%,0%,0%);
    > background-color: rgb(100%,100%,100%);
    > font-family: "Times New Roman", sans-serif;
    > font-style: italic;
    > font-size: 18pt;
    > font-weight: bold;
    > letter-spacing: 0.1em
    > }
    > td {
    > width: 350px;
    > }
    > a {
    > color: black;
    > text-decoration: none;
    > }
    > a:hover {
    > color: red;
    > }
    > big {
    > font-family: "Times New Roman", sans-serif;
    > font-size: 12pt;
    > font-weight: normal;
    > letter-spacing: normal
    > }
    > -->
    > </style>



    Please avoid top-posting. Thanks!

    DU
    --
    Javascript and Browser bugs:
    http://www10.brinkster.com/doctorunclear/
    - Resources, help and tips for Netscape 7.x users and Composer
    - Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x
    http://www10.brinkster.com/doctorunclear/Netscape7/Netscape7Section.html
     
    DU, Oct 14, 2003
    #7
  8. Raymond Lee

    Raymond Lee Guest

    "DU" <> wrote in message
    news:bmhi24$rq5$...

    > These resources indicate that the :hover pseudo-class and
    > text-decoration property are supported by MSIE 5.x.
    >snip<


    Yes, those 2 worked in IE5, but not NN4. But my 18pt italic did not work in
    either. As suspected, it was an inherit problem. My "a" element was not
    inheriting things like font stuff from my body style. When I changed "body
    {..." to "body, a {..." I finally got it to work. However, then all my links
    (even the "small" one I wanted in my "big" element (thanks for the advice on
    graceful degrading too) also grew to 18pt. Then I changed it to "body, td a
    {..." and only my links inside the table cells are big, which is what I
    wanted.

    > I would not use absolute unit length for body and any text in your
    > document. Best is to use scalable, proportional values like em or %tage
    > (I always prefer %tage). The reason for this is to make your text
    > scalable for users in all browsers and proportional to the users'
    > default font size setting. 100% is the normal font size in the user's
    > browser settings.
    > pt are best for printing, not for viewing on the web. MSIE will not make
    > your page scalable, proportional if you use pt for your text: ie


    So noted, thanks. I will change that as well.

    > Please avoid top-posting. Thanks!


    What does that mean? Something wrong with my code?... or with the note I
    posted?

    Thanks again!

    RL
     
    Raymond Lee, Oct 14, 2003
    #8
  9. Raymond Lee

    Paul Goodwin Guest

    "Raymond Lee" <> wrote in message
    news:XXZib.16410$...
    > "DU" <> wrote in message
    > news:bmhi24$rq5$...
    >
    > > Please avoid top-posting. Thanks!

    >
    > What does that mean? Something wrong with my code?... or with the note I
    > posted?
    >


    Top-posting means when you post your reply in a newsgroup above the message
    you are replying to, at the top of the post, sort of like this:


    your reply--"Who's there?"





    my statement-- "Knock-knock"

    HTH

    --

    Paul
     
    Paul Goodwin, Oct 16, 2003
    #9
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Peter Blum

    Re: Non IE browser compatibility.

    Peter Blum, Feb 13, 2004, in forum: ASP .Net
    Replies:
    2
    Views:
    525
    Chad Z. Hower aka Kudzu
    Feb 16, 2004
  2. =?Utf-8?B?RzI=?=

    Browser Compatibility Issues

    =?Utf-8?B?RzI=?=, May 16, 2004, in forum: ASP .Net
    Replies:
    2
    Views:
    430
    Darren Clark
    May 17, 2004
  3. ms
    Replies:
    3
    Views:
    437
    Steven Cheng[MSFT]
    Feb 2, 2005
  4. tom
    Replies:
    46
    Views:
    1,304
  5. Andrea Williams

    Question about Web Control Browser Compatibility

    Andrea Williams, Jan 8, 2004, in forum: ASP .Net Web Controls
    Replies:
    3
    Views:
    137
    Alessandro Zifiglio
    Jan 8, 2004
Loading...

Share This Page