You didn’t have a complete DTD, therefore IE was in quirks mode where it emulates its really old, pre 2001, non-standard self. This especially makes itself felt where centering and box sizes are concerned.
With the coming of IE8, and to a lesser extent IE7, MSFT is finally approaching good standards support. Unfortunately, MSFT is making little effort to keep up with the other browsers, Firefox, Opera, and Safari/Chrome, as they begin supporting the latest html elements and css properties as they come out of the respective working groups. Lest you think the modern browsers rash, html and css have not been updated in 11 and 12 years respectively; it’s past time.
Wow, thanks very, very much to all of you for taking the time to rewrite for me. I really need to dissect them line by line to understand them better. Be patient with me… I did opt for the quick fix on the image center so that the site looks a little better in FF.
Tried all the suggestions offered, but still having the text size problem in FF, but will figure it out sooner or later. Seems when I check this out online most people have just he opposite problem (text is too small)…?
I also appreciate the effort to do the layout a little different. I like a few of the ideas, and will make the changes soon.
Copy the source code for this page and change the font on line 17 to a specific font such as font-size: 12px and it works (for me) in Firefox, IE, Opera and Safarari.
background-color:#deb887; color: black;
font-family:sans-serif, arial, tahoma, verdana, 'times new roman';
font-size:16px; /* THIS IS THE LINE TO CHANGE *?
I looked at your code and you change the font numerours times. Just set a global font once should be enough to make the whole page a uniform font size. This is the basic idea of the CSS - Cascading Style Sheets. Set the font in the <body …> and the font is automatically inherited in tables, divs, paragraphs, fieldsets, etc.