Thread: Help needed with text overlapping in firefox

I recently asked for comments on my new site http://www.celticsymbols.net and one reply pointed out that in Firefox some of the text overlaps. I've since seen this myself, but tho I've changed the layout several times and republished each time (deleting the old file) the original layout still comes up when I view in firefox. Can anyone tell me why? Thanks!

Hi, it is a pain trying to adapt for all visitors/viewer’s. With fire fox, they have a slightly different spacing on the text on their browser. It seems to progressively get worse the longer the page. This is why most pages seem worse towards the bottom. I can only assume you are seeing your old pages because they are getting cached by your computer. Hitting F5 many times may help, or try clearing your cache.
What can help a lot using BV & long pages, is placing everything in your center area in table cells. It will take a bit of playing around, but it certainly helps.
As an example, on this page http://www.celticsymbols.net/tree-symbols.html if you make all your symbol images about 50x50 in size, then place them as a background image in cell properties. Then center all the properties as well. It should do the trick for fire fox & keep the images within the cells.
If you use this on other pages? You can set the boarders to “0” to save being able to see them.

Thanks so much Chris - think I've managed it. Yes, I was seeing my old pages - F5 was the answer!
thanks again!

Hi Chris,
I use firefox and I have the same problem. In my case is just the h1 text that looks nice in IE, but in firefox it 'comes down' about 1 cm from the top.
here is the h1:
<center><h1><font face="arial" size="3" color="000000">New Zealand | Auckland Day Tours and Small Group Tours</font></h1></center>

If you see my 'index' page in both (IE and firefox) you'll know what I mean.

How do I fix it? here is the page: www.nzbrtours.com

Many thanks,

Hi, a few have had this problem. Try a different method using css.
Cut & paste the 1st box below into the head of your page html & the second into html box & preview, see if it helps.

HTML Code:

<style>
h1 {
font-size:14px;
color:black;
font-family:times;
font-style:normal;
text-align:center;
}
</style>

HTML Code:

<h1>New Zealand / Aucland Day Tours and Small<br>Group Tours</h1>

when you say 'the head of your page' you mean I should go:
page properties>>>>page HTML and then 'start of the page'? or 'between head tag'?

Page html/Between the head tag, for the 1st part of the code.

2nd part place in a html box thats go's on top of the page.

Great! Thanks a lot for your help! Works like magic!
Still have some more work to do in some pages, then will publish them all.
Now I'm also developing my 'forum'. Fell free to go there and have a look. (or register yourself to write about travel - or anything; or ask questions about NZ,etc...)

Thanks again,

Hi, glad its ok. If you want to make things a little easier. Cut & paste the code below into each of your pages & it should help for h1/h2/h3 tags. You will see what to change for size & colours in the head part of the code.
Same as before & preview. (maybe try it on a blank page)

Good luck. (sites looking good)

HTML Code:

<style>
h1 {
font-size:20px;
color:black;
font-family:times;
font-style:normal;
text-align:center;
}
h2 {
font-size:16px;
color:green;
font-family:times;
font-style:normal;
text-align:center;
}
h3 {
font-size:10px;
color:blue;
font-family:times;
font-style:italic;
text-align:center;
}

</style>

HTML Code:

<h1>New Zealand / Aucland Day Tours and Small<br>Group Tours</h1><br>
<h2>New Zealand / Aucland Day Tours and Small<br>Group Tours</h2><br>
<h3>New Zealand / Aucland Day Tours and Small<br>Group Tours</h3><br>