Hello All,

We are trying to solve this now for couple of days but it seems we can’t find the answer.

Some of our pages wouldn’t abbey CSS. To make it easier to understand the problem, go to amray.com and click any link in Index Page. Scroll down and look for “Quick Links” heading.
Under gray line you’ll see bunch of links. Look at font size.

Go back to Index Page and click any Directory Category. Do the same and you’ll see the difference in size. Both pages have the same CSS applied to them but the results are different.

I should mention IE has no problems

Any Ideas why?


fastreplies

Before you have any chance of things behaving similar in different browsers you must get a doctype on the page and fix all your html errors

With all do respect...

We're using the same template and if HTML error is the source of our problem,
then it would effect every page.

But then again, if you found errors, we would like to hear from you



fastreplies

no doctype puts IE in quirks mode... and I stand by my comment that until you have a valid page you cannot expect similar results
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.amray.com%2F (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.amray.com%2F)

Sorry, but if this is the case, then every page would have the same outcome
because the template is the same for every page.

We removed everything from pages but links on the bottom and got the same results, so doctype has nothing to do with CSS outcome


fastreplies

I'd listen to rmfred. He's trying to help you out. There's no downside in having a DOCTYPE. Even dreamweaver adds it to the top of every fresh HTML page.

It looks like you have different classes on your home page v. your inside pages. You have classes called "text" on the quick links on the home page and "text_small" for the inside pages. So, they're going to react differently, or not at all, if you don't have any CSS for a particular class, as is the case for your "text_small" items.

Kemik

We will after we solve the problem


the_pm

Index Page is not a subject in here. If you go back
on the left site menu click 'Add Url' then check CSS Style and outcome
then
click link above Add url: Humor/Jokes and do the same and you'll find that the
class called ". text" is the same on both pages

???
fastreplies

the_pm

Index Page is not a subject in here. If you go back
on the left site menu click 'Add Url' then check CSS Style and outcome
then
click link above Add url: Humor/Jokes and do the same and you'll find that the
class called ". text" is the same on both pagesOk, now I see it. But your CSS is completely different on both pages, so of course your text is going to look different as a result.

On one page, you have:

.text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none}

On the next page, you have:

.text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none; color: #666666}

Basically, the text is displaying precisely as it has been told to display!

I'm not going to sift through all of the CSS to find more inconsistencies, but looking at the two pages, I'm sure there are more. If the CSS itself is part of the template that'd being served up site-wide, I would suggest revising that mechanism, because it is obviously serving up different templated information on a per-page basis.

the_pm, thanks for taking your time to look into that but

color has no effect in this case what so ever and I can assure you we've tried both ways with and without color

Also, if style is totally different and only ".text" is the same on both pages, then it shouldn't make any difference at all

I think FireFox has problems reading and obeying CSS and the problem is not Us but FF flaws and maybe some kind of bugs

The question remains, is how to fix it?


fastreplies

With all due respect... with no doctype IE is in "quirks" mode
and since the behavior is the same in Opera I would submit that it is not a firefox problem but rather a code problem.

Thanks to everybody

We found the problem.
As always something like '/' makes all the difference



fastreplies