471,599 Members | 1,359 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,599 software developers and data experts.

CSS -> Firefox NFG, IE Fine... inherited classes?

ASP pages utilizing CSS depending on browser type (IE & FF load in different style sheet after http_user_agent call).

This page:

http://www.castleheadhomes.com/map.asp

...when viewed in IE is displayed perfectly. In FF, it is not. I've played with the css to great extent and can't seem to find any inherited classes or divs - is there an easy way to check this - or to supersede all previous classes/div's?

I've tried taking the ImageSlices out of my pagecode, and loading it as a separate stand alone element - it will then display properly...just when I put it in my page shell does it mess up.

Sample here: http://www.castleheadhomes.com/castl...l-map-lar.html

Any help greatly appreciated in advance.

Thank you,
Beacherboy
Oct 24 '07 #1
4 1511
drhowarddrfine
7,435 Expert 4TB
I presume you designed this site with old, non-standard, buggy IE and then expected it to work in sleek, modern Firefox. As always, IE screws with your head and makes you think every other browser is wrong when, in fact, IE is the one causing the problem.

The mantra is "If it works in IE but not Firefox then your markup is wrong". In fact, you have 51 html errors. Now, most of those are just 'alt' errors and can be ignored for now but id names must be unique and used only once per page.

So, modern web pages are created using a modern browser first, such as Firefox, Opera or Safari. Then we look at IE and see if it managed to figure it out. Many times it will be just fine but frequently we have to hack for it. But the hacks are known and fixable and there are hundreds of sites out there dedicated to fixing IEs bugs and quirks.

So, once you fix the errors in your html, then we have a valid sheet to work on and we can start fixing your page.

btw, ASP and ASP.NET is notorious for writing invalid markup.
Oct 24 '07 #2
drhowarddrfine
7,435 Expert 4TB
I just now looked at your second link. It has no doctype. Without a doctype, IE goes into quirks mode and uses its broken "box model". Please read the article about doctypes under Articles above.
Oct 24 '07 #3
Actually - I designed it solely with FF in mind and in use... everything was fine until this one page. I'm used to traditional messup's with CSS between IE and FF - but this one has stumped me. Believe me - I'm a strong proponent of FF :).

Thanks for pointing out the no DocType in your other reply. I've added that in and now see that the image slices don't work whatsoever in FF.

I've brought the HTML herrors from 51 down to 36, of which most of them as you said, are ALT tag errors. The 9 that are not ALT driven, also stumble me. Not sure exactly why I'm getting some of them - but regardless - most are not elements that would be (seemingly) causing this issue.

If you wouldn't mind taking a look again - I'd be grateful.

Thanks again.
Beacherboy


I presume you designed this site with old, non-standard, buggy IE and then expected it to work in sleek, modern Firefox. As always, IE screws with your head and makes you think every other browser is wrong when, in fact, IE is the one causing the problem.

The mantra is "If it works in IE but not Firefox then your markup is wrong". In fact, you have 51 html errors. Now, most of those are just 'alt' errors and can be ignored for now but id names must be unique and used only once per page.

So, modern web pages are created using a modern browser first, such as Firefox, Opera or Safari. Then we look at IE and see if it managed to figure it out. Many times it will be just fine but frequently we have to hack for it. But the hacks are known and fixable and there are hundreds of sites out there dedicated to fixing IEs bugs and quirks.

So, once you fix the errors in your html, then we have a valid sheet to work on and we can start fixing your page.

btw, ASP and ASP.NET is notorious for writing invalid markup.
Oct 24 '07 #4
drhowarddrfine
7,435 Expert 4TB
You reeeaaalllly need to learn how to layout pages without tables. No slicing or dicing or spacer gifs. The table cells or images are overlapping each other, which I guess you know.

Sorry, but I am just not a table layout guy and have a hard time figuring those things out.
Oct 24 '07 #5

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

reply views Thread by Bryan Green | last post: by
4 posts views Thread by Dan | last post: by
4 posts views Thread by Bryan Green | last post: by
reply views Thread by cnSoftware | last post: by
6 posts views Thread by F. Meyer | last post: by
8 posts views Thread by chr | last post: by
2 posts views Thread by XIAOLAOHU | last post: by
reply views Thread by leo001 | last post: by
reply views Thread by Anwar ali | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.