The priority order of styles is as follows: 1.Browser default 2.External style sheet 3.Internal styles via <style> </style> 4.Inline styles <<table style="border:3px; text-align:center"></table>
Therefore, your style within <style> </style> No 4 will take priority over external style sheet called by the link tag. I am not sure how this affects your code because you haven't given us the skeleton of your table code. The above should be read as 4 takes priority over 3; 3 takes priority over 2 etc etc. You work in reverse.
hth
I have a table in which I wanted to center the content of 2 of its 5 columns. So I made a class like this:td.center {text-align:center;}I put this in the <style> tag at the page level. It achieved the desired effect in IE, but in FF there was some very odd rendering. So I had to hunt down why. This is a site that I did not create so I was not familiar with the .css files. However, I did find the culprit. The .css file that was called with a link tag, had the following class in it:.center { display: block; text-align: center; margin: 0 auto; }My question is this. It appears in FF that .center was being applied to my td in addition to my td.center. But not so in IE. Can anyone explain this to me? I was able to fix the situation by renaming the class I wanted applied to my <td>, but am curious about the cascade rules in this case and why the difference in the browsers.
______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
