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.
Angela French
Internet Specialist
State Board for Community and Technical Colleges
360-704-4316
[email protected]
http://www.checkoutacollege.com<http://www.checkoutacollege.com/>
______________________________________________________________________
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/
