KISS HTML
You CAN write HTML code from scratch

Solutions for Browser differences


As described earlier, in this Netscape example with a FONT SIZE="3", the type would over run the graphic image in MSIE.
The following are several possible solutions.

1. The first solution is to make two web pages. Each has a clickable link, which allows the surfer to browse in either Netscape, or click on the link and go to the same web page designed for the other browser. It could be like this:

This page optimized for Netscape. If you use MSIE, click HERE

Next, take the Web page you designed for Netscape, and if your Text Editor has a "Search and Replace" fnction, search for FONT SIZE="3" and replace it with FONT SIZE="2".
Then save it as a "b" copy of your netscape page (example: my-page-b.htm), reference in the link above:
<A HREF="my-page-b.htm" BORDER=0>,
and launch it up to your Web site. It would look like this in MSIE with FONT SIZE="2" type:

With large Web sites, however, this can be prohibitive in time, effort and space allocation with your Web host.

2. Another solution would be to add a line break, <BR>, and force an end to each line after a word that you are sure will not over run the graphic in MSIE.
Allowing a about an inch more space after an element in Netscape, as shown below, will provide the necessary space for MSIE.

Adding breaks to the text would look like this:
<FONT SIZE="3" COLOR="#000000" FACE="ARIAL,GENEVA"> <B>
The name Morgan is attributed <BR>
to the horse breed know as <BR>
the morgan horse. <BR>

3. Probably, the best solution is to use a table, with the elements occupying a percentage of that Table.
Using a table allows either browser to use the available space for its best advantage.
Used in this way, type elements can also be moved over from the left margin somewhat. The code would look like this:

<TABLE WIDTH=100%> <TR>

<TH WIDTH=5%>

<TH WIDTH=40%>

<FONT SIZE="3" COLOR="#000000" FACE="ARIAL,GENEVA"> <B>
The name "Morgan" is attributed to the horse breed known as the Morgan horse. Developed as a work animal, it eventually became very popular as a saddle horse, and as a dray animal for buggies. <BR>
</ FONT>

<TH WIDTH=55%>

</TH> </TR> </TABLE>

Note: Each "TH" above provides a portion of the total Table of 100% (5+40+55=100). They should be entered even if nothing is placed in the "TH cell".

<- Back | <-Main Menu | ^ UP