Firefox CSS problem with hebrew (works ok on IE)

offco · #1 (**permalink**) Aug 4th, 2006, 12:00

Hello,
Im building a webiste and i run into a problem with some css code that only seems to be working fine on IE.

First let me give a simple example of what im doing. its a simple list arranged horizontically:

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1255">
<style type="text/css">
#menu{
border-top: 2px solid #000000;border-bottom: 2px solid #000000;
padding:4px;
text-align: right;
}
#menu ul {
margin: 0px;
padding: 0px;
}
#menu li {
display: inline;
padding: 0px 20px 0px 0px;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li>One</li>
<li>Two</li>
<li>three</li>
<li>Four</li>
<li>Five</li>
</ul>
</div>
</body>
</html>

i use a 20px padding to the right of each <li> entry to add space between the items of the list.

As soon as i change the <li> items to hebrew i lose the 20px paddin. instead of having a 20px space between each list entry i get the whole 100px (5 times 20px) to the before the first item with no space between the items.

This problem only occurs when i use FF. on IE it works fine.

Im adding screen caps as well.
http://img394.imageshack.us/my.php?image=examplefx4.gif

please help me with my problem, thank you all

ukgeoff · #2 (**permalink**) Aug 4th, 2006, 13:28

My initial response is that your problem lies with this line:

Code: Select all

META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1255">

Use an international charset such as the ISO-8859-8 which is for Hebrew or probably better still, the utf-8 or utf-16.

You might find that if you move to one of the utf sets that some characters in your code/text will no longer be valid and will have to be replaced with special characters.

offco · #3 (**permalink**) Aug 4th, 2006, 15:12

ok, i tried UTF-8 and sadly the problem still persists. i followed the instructions on the W3C website just to make sure do everything right (http://www.w3c.org.il/HebrewOnWebh.html)

so its not the charset, and both charsets work fine on IE, the only thing i make out of it all is that its a FireFox bug (?)

ukgeoff · #4 (**permalink**) Aug 4th, 2006, 15:53

Just as a matter of interest, try in Opera and let us know the outcome.

offco · #5 (**permalink**) Aug 4th, 2006, 16:41

both 1255 and utf-8 working fine on Opera

offco · #6 (**permalink**) Aug 5th, 2006, 15:16

just in case anyone would be willing to try it, here is the code with the hebrew fonts:

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1255">
<style type="text/css">
#menu{
border-top: 2px solid #000000;border-bottom: 2px solid #000000;
padding:4px;
text-align: right;
}
#menu ul {
margin: 0px;
padding: 0px;
}
#menu li {
display: inline;
padding: 0px 20px 0px 0px;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li>אחת</li>
<li>שתיים</li>
<li>שלוש</li>
<li>ארבע</li>
<li>חמש</li>
</ul>
</div>
</body>
</html>

ukgeoff · #7 (**permalink**) Aug 5th, 2006, 17:06

When I try to copy the code into my editor, the Hebrew characters are replcaed by ? as it obviously doesn't know what they are.

Within the editor you are using, is there an option to run the file through something that will convert the characters into their unicode equivalent code.

For example, here in the uk, when using a £ sign in a file coded to utf-8, I replace the £ with £ otherwise it shows as ? in IE and Firefox tells me there is a format error in my file.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
flash movie works in IE but not in firefox	forry	Web Page Design	8	May 19th, 2008 15:01
Floating works fine in firefox but not IE !	marSoul	Web Page Design	13	Dec 18th, 2007 18:37
insert works in firefox but not i.e.	gecko	PHP Forum	6	Aug 22nd, 2007 05:06
Flash only works in Firefox	fosfora	Flash & Multimedia Forum	33	Jul 12th, 2007 16:53
Centre column of 3 col layout problem - Works in IE but not firefox!?	audiopleb	Web Page Design	6	Jun 8th, 2006 16:20

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Firefox CSS problem with hebrew (works ok on IE)