cubdriver — Sat, 13 Dec 2003 13:29:16 +0000

Thank you, Suzanne. I tried sizing in various ways and settled upon using pixels as giving the most consistent results across browsers (IE6, Mozilla, Opera).

I solved the problem of Mozilla's ignoring the head-sizing instructions by using classes, and by removing the font size instructions throughout. (Previously I had font size=2 in the left table and font size=1 in the right table.)

I now have two lines in the css file as follows:

div.text {font-family: verdana,arial,helvetica; font-size: 13px; color:#000000}

div.advert {font-family: verdana,arial,helvetica; font-size: 12px; color:#000000}

I call them by inserting at the beginning of the left table, and in the right table. This sizes the text much as it was before, while allowing the head tags to retain their desired sizes.

- Dan

Suzanne — Tue, 09 Dec 2003 15:29:57 +0000

Hi, Dan, I'm into making lists today, so here you go:

1. Don't use pts for font sizing, they are print values. Use em, %, or in a pinch, px.

2. You only need quotes around font-family names that have spaces in them.

3. Try using lowercase element names in your CSS (as well as in your HTML)

4. An actual url helps a great deal more. As we can see the whole package. You may be focusing on one area while the problem exists in another.

When in doubt, validate:

HTML: http://validator.w3.org
CSS: http://jigsaw.w3.org/css-validator/