We help IT Professionals succeed at work.

Layout problem in Firefox with unicode chars

ambuli
ambuli asked
on
511 Views
Last Modified: 2013-12-07
Hi Experts,

I am using CSS in a website that is using unicode characters.  When I view the page in Internet Explorer, the page displays correctly.  But, when viewed in Firefox it loses all the layout and and displayed.  I heard something about Unicode characters and Firefox have some display issue and vaguely remember it as something to do with the justification.  I don't know much about CSS.  Can somebody help.  I am using indic unicode characters(Tamil).
Comment
Watch Question

Commented:
I'm pretty certain this problem stems from the fact that IE gets to use the OS unicode definitions while FF does not. On the client side you can adjust the Language so it works better. Here is a link that walks you through it:
http://thavarajah.dk/tips-tricks/59/
If you have a link to your page it may be possible to use CSS to style it differently than it is now, but the previous needs to be set in order for FF to be 'internationalized'. Most Tamil users have this configured properly and you can always make your own tutorial on how to do it on your page just as a helpful hint.

Author

Commented:
Thanks lunadl:

But, I am able to view other sites that uses Tamil Unicode fonts and CSS in Firefox in my computer.  Only, this site that I am working on have this problem.
[http://www.ambuli.com/poikai/index.html]

Thank you,


Author

Commented:
Also, the fonts are all displayed correctly.  Only problem is that it loses the layout, or graphics.  

Commented:
hmm.. add this to the top of your pages:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Author

Commented:
Thanks, but it didn't help.  Beside when I included it the page is slightly changed in IE.  But, Firefox still shows the same problem.

Commented:
Interesting... I had downloaded it and ran it fine here, i guess the only other thing that I changed that is relevent is hardcoding all of the links, maybe it isn't finding the css:
<link href='http://www.ambuli.com/poikai/css/style.css' type='text/css' rel='stylesheet' />

Author

Commented:
Hi, I changed the link as well.  But didn't help :-)  So, are you saying you can view this page without any layout problems in Firefox?  Then it might be a setting problem in my browser.

Commented:
Yeah I downloaded your page source and replaced all of the relative links with hardcoded links and added the doctype, and it displays fine in IE7 and FF2, BUT when i view your page on your site it is style-less with FF2, it is perplexing!!! I'll try some more things though...

Commented:
Ok i lied, i saved your file as an aspx page not an html page... when i do that it works perfectly. Saved as an html page it does not render in FF....

Author

Commented:
Please let me know if you need the css file.  I can send it.  Thanks.

Commented:
i have the css file, got it from your site. Ok, when you copy all of your unicode characters to a new html page, do you get prompted to save your file in unicode or not? I'm developing in visual studio 2005 and it asks whether i want to have it saved in unicode or not... if i chose no the html will display correctly in FF but the Tamil is all '???'s, if i choose yes then the Tamil renders correctly but the styles do not appear in FF, maybe it needs to be saved in a different codepage like Tamil if there is one and not Western European ISO - codepage 28591 like i am
Commented:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION

Author

Commented:
Thanks a lot.  So, it is the problem.  I used just the wordpad for saving it and I save it in Unicode.  But, then now I opened this now in Notepad and saved it in UTF-8 format and it takes in the CSS.  But the Tamil fonts are messed up.  So, it is this encoding that gives problem.


Thanks a lot.  Let me know if you know a tool to save it properly.


Gain unlimited access to on-demand training courses with an Experts Exchange subscription.

Get Access
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Empower Your Career
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions
Unlock the solution to this question.
Join our community and discover your potential

Experts Exchange is the only place where you can interact directly with leading experts in the technology field. Become a member today and access the collective knowledge of thousands of technology experts.

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.