PDA

View Full Version : Firefox is "flashing" my website



Jeffb
11-13-2005, 01:46 PM
If I use the paused up and down scroller (http://www.dynamicdrive.com/dynamicindex2/crosstick.htm) at my website it works fine in Internet Explorer.
But when I view my website with Firefox, the whole page is moving left and back when a new message scrolls up..
How can i fixe that?

jscheuer1
11-13-2005, 05:23 PM
Hard to be certain without seeing the code but, sounds like you need more width in one of the containing elements of the script. Like if it is inside of a table cell with width 150px, it might need to be width 170px. Or the configured width in a portion of the script itself may be too narrow. It is pretty likely one or both of these is the case. If this isn't enough information for you to solve this then:

.

There could be other or another problem(s) entirely. I reserve judgement until I see the page. Good luck!

Jeffb
11-14-2005, 01:10 PM
Deleted message

jscheuer1
11-14-2005, 04:36 PM
I went to the links in your post and could find no "paused up and down scroller". I did notice in your source what looks like an image thumbnail viewer script without the credit. This is a violation of Dynamic Drive's terms of use. Please restore the credit to this script in your source code. I also could not observe any "whole page is moving left and back" in FF on either of the pages.

Jeffb
11-15-2005, 02:33 PM
Ok i've done some work.

Here i have two links: page1 (http://spotlight.euro-info.nl/anna/UK/page1.php) and page2 (http://spotlight.euro-info.nl/anna/UK/page2.php)
-wait 4 sec. for the news ticker.
-for page 2 > click at some parts of text(when you see a hand cursor)

In both cases you'll see in a very short time above the menu some sort of jumping text...

Only in Firefox i guess

jscheuer1
11-15-2005, 05:07 PM
On page 1, changing the overflow property of the #content selector, or the content division, to 'hidden' fixes the problem. I'd suggest the division, since the selector is on a linked stylesheet, ex:


<div id="content" style="overflow:hidden;">

On page 2 you cannot do this without messing up the scrolling effect but, it isn't as great of a problem there. If you were to redesign the page utilizing a table instead of float, that might solve it as, removing the float:left from the selector #content fixes it but, messes up the page alignment.

Jeffb
11-16-2005, 09:05 AM
I changed the stylesheet of the content in the middle with adding the
overflow: hidden on both pages.

Now it is fixed! Thanx again for your help!
(and i won't remove the credit anymore)