Firefox problem with overflow:scroll

[Depika]

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

 

[Thomas Jollans]

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.

 

[Beauregard T. Shagnasty]

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?verbo...alex/index.php?option=com_dfcontact&Itemid=73>
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.

 

[Bergamot]

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.

 

[Jonathan N. Little]

May I suggest you start here:
<http://validator.w3.org/check?verbo...alex/index.php?option=com_dfcontact&Itemid=73>
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.