Announcement

Collapse
No announcement yet.

Help needed with text overlapping in firefox

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • 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!

  • #2
    Re: Help needed with text overlapping in firefox

    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.
    Regards Chris.

    Collectables, Collecting, collectors-info.com

    www.chrismorris.co.uk

    House build project

    Comment


    • #3
      Re: Help needed with text overlapping in firefox

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

      Comment


      • #4
        Re: Help needed with text overlapping in firefox

        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,
        N Z B R
        t o u r s
        New Zealand Tours
        Excursiones en Nueva Zelanda
        Nova Zelandia Pacotes e Roteiros
        Nouvelle Zelande Voyage
        Neuseeland Reisen

        Comment


        • #5
          Re: Help needed with text overlapping in firefox

          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>
          Regards Chris.

          Collectables, Collecting, collectors-info.com

          www.chrismorris.co.uk

          House build project

          Comment


          • #6
            Re: Help needed with text overlapping in firefox

            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'?
            N Z B R
            t o u r s
            New Zealand Tours
            Excursiones en Nueva Zelanda
            Nova Zelandia Pacotes e Roteiros
            Nouvelle Zelande Voyage
            Neuseeland Reisen

            Comment


            • #7
              Re: Help needed with text overlapping in firefox

              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.
              Regards Chris.

              Collectables, Collecting, collectors-info.com

              www.chrismorris.co.uk

              House build project

              Comment


              • #8
                Re: Help needed with text overlapping in firefox

                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,
                N Z B R
                t o u r s
                New Zealand Tours
                Excursiones en Nueva Zelanda
                Nova Zelandia Pacotes e Roteiros
                Nouvelle Zelande Voyage
                Neuseeland Reisen

                Comment


                • #9
                  Re: Help needed with text overlapping in firefox

                  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>
                  Regards Chris.

                  Collectables, Collecting, collectors-info.com

                  www.chrismorris.co.uk

                  House build project

                  Comment

                  Working...
                  X