Riku Riku - 1 year ago 236
CSS Question

User agent stylesheet overriding my table style? Twitter Bootstrap

I'm using twitter bootstrap. My problem is that font-sizes in tables are wrong. For some reason the User Agent stylesheet is overriding the bootstrap table styles.

On the twitter bootstrap page (http://twitter.github.com/bootstrap/base-css.html) everything is of course working correctly.

In my inspector I see the following difference:

My page:

CSS style for my page

The twitter bootstrap page:

CSS style for twitter bootstrap page

So definitely the problem is that the user agent stylesheet is overriding the bootstrap styles.

I haven't been able to figure out why this is different on my page and the twitter bootstrap page.

Most of the other CSS is working fine.

My css import:

<link href="/media/bootstrap/css/bootstrap.css" rel= "stylesheet">

CSS import on twitter bootstrap page:

<link href="assets/css/bootstrap.css" rel="stylesheet">

Answer Source

I actually figured this out myself. I had the <!DOCTYPE html> tag wrongly written. So if you have this problem make sure the doctype declaration is correct!

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download