Manuscript for HTML Tutorial #23

Listed below is the manuscript of all textual instructions used in HTML Tutorial #23 - Checking Your Web Page in Different Web Browsers. Most of this text is displayed inside the yellow balloons used to guide viewers as they watch the lessons.

Students and instructors may find it helpful to have a hard copy of these balloon instructions. You may print this web page to use as an aide in following, referencing, or demonstrating the web design series.

Manuscript Table of Contents

Entire HTML Tutorial Series

Tutorial #23 - Checking Your Web Page in Different Web Browsers

Lesson #23: Different Web Browsers. Click the play button to begin the tutorial.
Now that our web page looks complete, it’s important to note that it may not look the same in all web browsers.
Here’s an example of the same web page in another popular web browser.
Notice that the font is not Arial, or even sans-serif, as we set it in our style sheet.
That’s because this particular web browser supports style sheets differently.
Since we applied arial font to the body, every container inside the document body should inherit that font-family property.
However, this browser does not pass font properties of the document body on to table cells.
To fix this, we can add an additional selector of td (table cell), to this rule.
When using more than one selector in a rule, the selectors should be separated by a comma.
Let’s see how it looks now.
That’s much better.
What we’ve just seen here is that a web page doesn’t always look the same in different web browsers.
Because of this, it’s a good idea to check the appearance of your web page in as many different web browsers as you can.
That way you can tweak it, to compensate for unwanted appearance.
You can find a list of Web Browsers, with links to their download sites, in our resources section.
Once you’re sure your web page looks good in most web browsers, you can begin Lesson #24.

<<<Tutorial #22

Tutorial #24>>>