Browser compatibility question

R

Raymond Lee

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

nice.guy.nige

While the city slept said:
Regards,
Raymond Lee
Click to expand...

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. (e-mail address removed). Take the dog out!
http://www.nigenet.org.uk | Boycott E$$O!! http://www.stopesso.com
"How strange the change from major to minor..."
 
D

DU

Raymond said:
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.
Click to expand...

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.
Click to expand...

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!
Click to expand...

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
 
M

Mark Parnell

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?
Click to expand...

:)
 
B

brucie

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?
Click to expand...

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

Raymond Lee

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>
__________________________________________________
 
D

DU

Raymond said:
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?
Click to expand...

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
__________________________________________________
Click to expand...


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>
Click to expand...


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
 
R

Raymond Lee

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

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
Click to expand...

So noted, thanks. I will change that as well.
Please avoid top-posting. Thanks!
Click to expand...

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

Thanks again!

RL
 
P

Paul Goodwin

Raymond Lee said:
What does that mean? Something wrong with my code?... or with the note I
posted?
Click to expand...

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
 

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. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

CSS: How can I stop overflow on the y-axis? 2
Trying to access hdml from an open browser using Python. 1
Help needed with CSS Browser Compatibility 7
Contact form question 2
Image upload not working in browser 4
Coding question/help 0
Menu icon 'hamburger' doesn't show in browser dark mode 1
Ctypes compatibility 0

Members online

Total: 22 (members: 1, guests: 21)
Robots: 213

Forum statistics

Threads
473,764
Messages
2,569,566
Members
45,041
Latest member
RomeoFarnh

Latest Threads

Top