Firefox having a problem reading a CSS file or is it IE having the problem?

[thereds]

Why does this page (an example) show up fine in IE and not in Firefox?

I mean, can you help me narrow down the area where its wrong? If I understand what you say, then the CSS file must be incorrect for Firefox to be displaying it all funky

Link

The css file is found here
CSS File

Obviously the clear difference is the font. Any idea on whats wrong?

 

[Barnaby W. Füi]

Looks fine to me. Can you provide screenshot(s) that show what the difference is between the two browsers?

 

[Insomniak]

Yeah. Show's up fine in my firefox.

 

[thereds]

Here are the screenshots:

ie

firefox

 

[Barnaby W. Füi]

Try using pixel font sizes instead of x-small, xx-small, etc.

 

[thereds]

gonna try that and will let you know.

 

[Barnaby W. Füi]

The named font sizes are actually recommended, and pixel font sizes recommended against, and I usually use the named sizes - but - supposedly the named font sizes can look wildly different in different browsers. Anymore I only mess with web stuff for my own site though, so I just conveniently pretend that IE users don't exist.

 

[thereds]

BingBongWongFooey, that seems to be doing the trick.

Now for another problem

If u look at the ie screenshot you notice a separator link between the main 2 columns but they don't show up on the firefox page. This is also done thru CSS using background image. Any idea how to rectify this?

 

[Barnaby W. Füi]

For a simple line, you don't need to use an image, you can just use a border. Give your right-hand table a class name and give it some css like this:

border-left: 1px solid black;

Or you could do that to any specific tr or td that would give the desired effect. I can't make too much sense of it though, I don't have the patience to sort through html tables.

 

[jgbishop]

Hi thereds. Font size keywords are indeed what you should use. If you use pixel values, visitors who have a hard time reading small fonts will be unable to scale your site's fonts so that they can see them.

Check out this short article on controlling font sizes in various web browsers. It includes a neat trick to make them more consistent in any browser, and is one that I use on my website (link in my sig). Anyway, you want to be as accessible as you can. Not only is it more useful for those with visual problems, but it's good web design practice as well (and it's cheap).

 

[Insomniak]

Just a font scaling problem. Uh....you seriously thought this was a browser bug?

 

[screw3d]

Just in case you don't know, TopStyle Life is a very good CSS editor.

 

[screw3d]

Originally posted by: Insomniak
Just a font scaling problem. Uh....you seriously thought this was a browser bug?

I wouldn't be surprised.. IE has a good share of CSS rendering bugs!

 

[Barnaby W. Füi]

Originally posted by: Insomniak
Just a font scaling problem. Uh....you seriously thought this was a browser bug?

What made you think that he thought it was a browser bug? I don't see him suggesting that anywhere.

 

[thereds]

Originally posted by: Insomniak
Just a font scaling problem. Uh....you seriously thought this was a browser bug?

i never said it was a browser bug. I just asked if (in an earlier thread) if firefox had problems with CSS where I understood that it conformed to all the w3c standards. never dissed on either browser here though.