css style not working in table

[edk]

OK, so I'm a noob when it comes to CSS - excuse the fact that I may be missing the obvious.

I have a page, attached to it is a style sheet with font settings etc. Works nicely.

I then pull in various other pages using include and they work fine, keeping the same css styles etc.

However, I then have one page, which includes a small standard table. The text within this table is showing in a font which I have not specified. IE, it's not automatically picking up my overall css styles.

Any idea why this might be?

Thanks.

[Paul O'B]

If you are working in quirks mode then the font doesn't get inherited into the table. You'll have to style table {} specifically.

See here for more infor:

http://www.ericmeyeroncss.com/bonus/render-mode.html

Paul

[Si]

I normally include the td element in my body declaration in my CSS files:

body, td {
font-size: 1em;
// etc...
}

It seems to sort out any IE inheritance problems.

[Paul O'B]

Hi Bigsi,

I normally include the td element in my body declaration in my CSS files:

Yes thats fine but theres is something to watch though. If you declared anything other than 1.0em then the value would compound. If you set .08em then the table font-size would become 80% of the body and perhaps not what was expected.

1.0em is fine becaue everything remains the same (and I'm sure you knew this anyway but thought it worth pointing out for others )

Paul

[edk]

I just changed the DOCTYPE to html 4.1 transitional and it works fine now.... is that ok to do?

[Paul O'B]

Yes as long as you have included the uri (address part) then you will be in standards modeand the inherritance works correctly.

Paul

Edit:


I should mention that that will fix it for ie6 only as ie5 and 5.5. will still be as before and will need the table font-size applied to the table element also.