navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

CSS - FireFox vs. IE

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> CSS - FireFox vs. IE
Page: [1]
 
zzantiquities

 

Posts: 3
Joined: 12/8/2007
Status: offline

 
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

 

Posts: 5912
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
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.

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to zzantiquities)
jaybee

 

Posts: 13957
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
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.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Tailslide)
zzantiquities

 

Posts: 3
Joined: 12/8/2007
Status: offline

 
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?

(in reply to zzantiquities)
Tailslide

 

Posts: 5912
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
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.

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to zzantiquities)
zzantiquities

 

Posts: 3
Joined: 12/8/2007
Status: offline

 
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?

(in reply to Tailslide)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> CSS - FireFox vs. IE
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts