Firefox problem with overflow:scroll

Discussion in 'HTML' started by Depika, Oct 4, 2006.

  1. Depika

    Depika Guest

    I would appreciate your help in a problem I am facing only in firefox
    1.5.0.6

    I have created a div that has overflow:scroll but when I scroll down I
    see the div underneath (which has background color black) multiple
    times. In IE6 this is not happening. I have tried everything but cannot
    understand what is wrong with the css design.

    Here is the page:
    http://depika.biz/alex/index.php?option=com_dfcontact&Itemid=73

    Thanks in advance,

    Depika
    Athens Greece
    Depika, Oct 4, 2006
    #1
    1. Advertising

  2. On Wed, 04 Oct 2006 10:26:40 -0700, "Depika" <> let this
    slip:

    > I would appreciate your help in a problem I am facing only in firefox
    > 1.5.0.6
    >
    > I have created a div that has overflow:scroll but when I scroll down I
    > see the div underneath (which has background color black) multiple
    > times. In IE6 this is not happening. I have tried everything but cannot
    > understand what is wrong with the css design.
    >
    > Here is the page:
    > http://depika.biz/alex/index.php?option=com_dfcontact&Itemid=73


    If you are on X11 (unix/linux) and using the Composite extension, then
    this is a known bug (https://bugzilla.mozilla.org/show_bug.cgi?id=263686),
    otherwise, if it looks something like
    https://bugzilla.mozilla.org/attachment.cgi?id=161623&action=view , you
    should definately add a comment to the bug stating the other configuration
    this occurs in for you.

    --
    Thomas Jollans alias free-zombie
    Thomas Jollans, Oct 4, 2006
    #2
    1. Advertising

  3. Depika wrote:

    > I would appreciate your help in a problem I am facing only in firefox
    > 1.5.0.6
    >
    > I have created a div that has overflow:scroll but when I scroll down
    > I see the div underneath (which has background color black) multiple
    > times. In IE6 this is not happening. I have tried everything but
    > cannot understand what is wrong with the css design.
    >
    > Here is the page:
    > http://depika.biz/alex/index.php?option=com_dfcontact&Itemid=73


    May I suggest you start here:
    <http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fdepika.biz%2Falex%2Findex.php%3Foption%3Dcom_dfcontact%26Itemid%3D73>
    The problem could be how the different browsers handle errors. It seems
    to work as you expect in Opera 9.

    There are several errors in the css. I used this one:
    http://www.htmlhelp.com/tools/csscheck/
    because the W3 CSS validator chokes on the invalid HTML.
    Example:

    width:303
    Error: Unit identifier required.


    Then, please see this page:
    http://k75s.home.att.net/fontsize.html

    I don't see a particular reason to use a scrolling div for this form.

    Oh, new documents should be using a Strict doctype.

    --
    -bts
    -Motorcycles defy gravity; cars just suck
    Beauregard T. Shagnasty, Oct 4, 2006
    #3
  4. Depika

    Bergamot Guest

    Depika wrote:
    >
    > I have created a div that has overflow:scroll...
    > I...cannot understand what is wrong with the css design.
    >
    > http://depika.biz/alex/index.php?option=com_dfcontact&Itemid=73


    What's wrong is using overflow:scroll in the first place. ;)
    My browser viewport is about 1000px high, but the design doesn't make
    very efficient use of that. Non-standard scrolling is an accessibility
    problem, too.

    --
    Berg
    Bergamot, Oct 4, 2006
    #4
  5. Beauregard T. Shagnasty wrote:
    > Depika wrote:
    >
    >> I would appreciate your help in a problem I am facing only in firefox
    >> 1.5.0.6
    >>
    >> I have created a div that has overflow:scroll but when I scroll down
    >> I see the div underneath (which has background color black) multiple
    >> times. In IE6 this is not happening. I have tried everything but
    >> cannot understand what is wrong with the css design.
    >>
    >> Here is the page:
    >> http://depika.biz/alex/index.php?option=com_dfcontact&Itemid=73

    >
    > May I suggest you start here:
    > <http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fdepika.biz%2Falex%2Findex.php%3Foption%3Dcom_dfcontact%26Itemid%3D73>
    > The problem could be how the different browsers handle errors. It seems
    > to work as you expect in Opera 9.


    One quick look shows a malformed DIV tag...

    <div id="footer" ><div id="test"
    style="float:right;width:350px;text-align:right;position:relative;overflow:hidden;"
    <table ...

    (Where is the '>' ?)

    Fix your errors first.


    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
    Jonathan N. Little, Oct 5, 2006
    #5
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. S. Justin Gengo

    Re: DIVs and overflow scroll bars

    S. Justin Gengo, Jul 18, 2003, in forum: ASP .Net
    Replies:
    0
    Views:
    415
    S. Justin Gengo
    Jul 18, 2003
  2. PJ6
    Replies:
    1
    Views:
    4,572
    Henrique Mello
    Jan 9, 2006
  3. Replies:
    10
    Views:
    7,358
  4. Adam Plocher
    Replies:
    4
    Views:
    25,423
    Adam Plocher
    May 26, 2006
  5. =?Utf-8?B?Ui5OaWprYW1w?=

    Listbox disabled - cant scroll in IE - can scroll in Firefox

    =?Utf-8?B?Ui5OaWprYW1w?=, Nov 22, 2006, in forum: ASP .Net
    Replies:
    0
    Views:
    1,228
    =?Utf-8?B?Ui5OaWprYW1w?=
    Nov 22, 2006
Loading...

Share This Page