Ever had trouble getting your tables and forms to look consistent
across browsers?

Just found this brilliant article that will answer your prayers.
http://www.komodomedia.com/blog/2006...5-inheritance/

To cut to the chase here is the gist:

Form elements do not automatically assume the font characteristics
of their parents.

With a Strict DOCTYPE your table elements should
automatically inherit from the Body element but if
you are using Transitional DOCTYPE they won't.

input, select, table, text-area {font: inherit;}

Just drop that into your Reset Style Sheet and you are golden

font-family,
font-size,
font-weight and even
line-height

should all cascade down to those pesky elements.

I'd like to note here that putting a form inside a table isn't necessary. You can have very nice forms w/o sticking them into tables.

Actually I wasn't suggesting that.

Tables and forms are merely the two types of page elements where
font inheritance is an issue.

I know you weren't suggesting it, but too many people seem to think that they have to put a form inside a table in order to get a 'nice' form.

The font inheritance is an excellent point .

Originally Posted by LadynRed

I know you weren't suggesting it, but too many people seem to think that they have to put a form inside a table in order to get a 'nice' form.

Ok. No harm , no foul

Its funny you know. When I started learning
how to code, CSS had already gone mainstream so
I just took it for granted that that was the way things
were done.

Then latter I discovered this whole Bizarro world of doing things with
tables.

You're actually lucky to have started that way, you didn't have to UNlearn anything to do with tables. I started this stuff way back in the mid-90's and tables was all we really had. I was more than happy to have another way to layout a page and say bye-bye to tables!!