CSS - FireFox vs. IE (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

zzantiquities -> CSS - FireFox vs. IE (12/8/2007 13:48:05)

Hi,

I currently have problem with viewing web pages in IE
because of some firewall thing, so I downloaded FireFox
and was impressed with this browser.

Tonight I go to look at my web sites to see how they look, and they look absolutely horrible in FireFox. It seems all
of the CSS code is being ignored so fonts are bigger and
warp the page, and also one of my sites the font is entirely blacked-out on blackbackground (when it should be light colored font as seen in IE).

It must be understood that I realized potential problems would exist so I designed web sites entire with TABLE, TR, AND TD so that cross-browser compatibility of format placement would be minimized.

Does anyone know why these FONT CSS issues exist in FireFox and how I can correct the problem?

Here are the web sites:
www.zzantiquities.
www.zzancientart.com
www.zzimportexport.com
www.zzsugars.com

Thanks for the help.



Tailslide -> RE: CSS - FireFox vs. IE (12/8/2007 15:05:24)

I can't check properly at the moment but you need to check your code at the validator (w3c validator) and check the CSS too - Firefox is a more standard compliant browser so it's usually the one showing the site as it's coded (as opposed to what you want to see) rather than IE. Better check the sites in Opera and Safari PC too just to be sure.

Tables are no longer the recommended tool for building website by the way - CSS layouts are easier to maintain and more accessible on the whole. But you will need a full DOCTYPE - you've only got a partial one there.

Apart from that - don't use PT for font-sizing - it's only meant for print. Use % or ems instead (around 76% is usually about normal).

Also you've got this in your stylesheet; 

color : "black" ;


Get rid of the quote marks.



jaybee -> RE: CSS - FireFox vs. IE (12/8/2007 15:14:05)

In the first site:

You have 72 css errors
http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Fwww.zzantiquities.com%2F

The HTML isn't validating as you have no character encoding
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.zzantiquities.com%2F

Firefox is probably the most compliant browser out there. It will interpret everything exactly as you tell it to. IE on the other hand makes assumptions and errors so even if the site looks right in IE, if it looks wrong in FF then it's wrong.

You need to correct your css, fix the encoding and check the html again. On that site and all the others which I haven't looked at.



zzantiquities -> RE: CSS - FireFox vs. IE (12/8/2007 15:59:03)

Hi,

Thanks for quick replies so far. I will check out your suggestions.

Also, Firefox is blocking a dynamic button and in its
place says
. It is also doing this for Google ads
in other web sites I am visiting. This sucks. How
can I view the google ads?



Tailslide -> RE: CSS - FireFox vs. IE (12/8/2007 16:31:46)

I'd say you've got some sort of adblocker activated in Firefox. I've got adblock activated too so I don't have to look at ads or unwanted stuff.



zzantiquities -> RE: CSS - FireFox vs. IE (12/10/2007 16:31:28)

This adblocker sucks. I **WANT** to see google ads, so I can test out google adsense. Interestingly I can see google ads here at this website on the previous page (i.e. the thread) at top, but here in this message box I see an "
"
that removes whatever ad is up at top.

Can anyone tell me how to unblock the firefox adblocker?



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.0625