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!
    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. Advertisements

  2. 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?


    Nigel Moss.

    Email address is not valid. . Take the dog out! | Boycott E$$O!!
    "How strange the change from major to minor..."
    nice.guy.nige, Oct 13, 2003
    1. Advertisements

  3. Raymond Lee

    DU Guest

    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.
    Well, not exactly that but the validator will report syntax errors and
    deprecated elements and attributes (according to the DTD you use).

    Is that

    Make sure you use a doctype declaration, preferably a strict DTD; ie

    Activating the Right Layout Mode Using the Doctype Declaration

    Javascript and Browser bugs:
    - Resources, help and tips for Netscape 7.x users and Composer
    - Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x
    DU, Oct 13, 2003
  4. Raymond Lee

    Mark Parnell Guest

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

    brucie Guest

    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, Oct 13, 2003
  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.


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"

    <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

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

    Raymond Lee, Oct 14, 2003
  7. Raymond Lee

    DU Guest

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

    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+.

    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

    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.

    Please avoid top-posting. Thanks!

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

    Raymond Lee Guest

    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
    So noted, thanks. I will change that as well.
    What does that mean? Something wrong with my code?... or with the note I

    Thanks again!

    Raymond Lee, Oct 14, 2003
  9. Raymond Lee

    Paul Goodwin Guest

    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"

    Paul Goodwin, Oct 16, 2003
    1. Advertisements

Ask a Question

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

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.