2 Replies Latest reply on Mar 27, 2010 12:01 PM by ktrae910

    Overflow Text Not Scrolling in Firefox But Working in IE

    ktrae910

      I have two pages in my site that have text boxes with overflow text in text boxes.

       

      I have external css files linked to the pages, and they work fine in IE.  They work, but not well in Firefox.  The problem(s) I am having in Firefox are:

       

      1.  The up and down arrows don't work for scrolling.

      2.  The mouse roller won't move the content inside the text box.

      3.  When grabbing the scroll bar, you have to look for the bar to change color on the very right side of the bar and grab it at that point and drag it down to move it.

       

      I have not been doing this very long, but the code works fine in IE.  The links to the pages in question are

       

      About Us and  Aftercare

       

      I can post the css and html code if necessary, but I'm hoping it's a know issue I just couldn't find.

       

      The CSS validates through the links given elsewhere in this forum.

       

      Thanks in advance for any help!

       

      KT Rae

        • 1. Re: Overflow Text Not Scrolling in Firefox But Working in IE
          Ben M Adobe Community Professional

          Fist off, most people won't see the page as you intended because Nosfer is not a standard OS font and unless people download it then they will just see plain roman text.

           

          Your code is valid, but it appears it has to do with the absolute positioning.  Absolute positioned elements break the flow of the document and must be positioned according to their outer container.  You have Maincontent and menucontent right next to each other and menu content has a higher z-index.  Then you are positioning the menu by using padding to the top.  What you end up with is that layer overlapping the maincontent and making it inaccessible. Think of it as a window with a manufacturer's sticker on the bottom.  What you are seeing is the label on the outside of the window and the layer beneath it.

           

          You can do one of two things.  First is remove the absolute positioning since the areas in this container seem to be positioned relative to one another, or change the positioning of the menucontent by positioning it absolutely with position elements defined, such as "bottom: 0;" to place it at the bottom as opposed to positioning it with padding.

          • 2. Re: Overflow Text Not Scrolling in Firefox But Working in IE
            ktrae910 Level 1

            Thanks for the explanation.  The sticker analogy was very helpful. It's working now.  I knew about the problem with nosfer, but the boss doesn't care.... "Pick your battles." Is my motto...

             

            KT Rae