Page 1 of 1

Moving picture

Posted: Mon Aug 21, 2006 1:34 am
by shiznatix
Ok for some reason this picture is moving when I click a link or select a different thign in a select box etc. Look:

http://shiznatix.dreamhosters.com/nfw/index.php - feyd - This link may not be work safe. It contains words that have been deemed inappropriate for this forum.

On the top right there is a German flag. It might be lined up at first or not but if you change an option in one of the select boxes it will move. It keeps moving each time you change something.

I have no idea what is going on with that and I know its not some strange javascript or anything like that. I am running FF 1.5.0.6.

Posted: Mon Aug 21, 2006 1:43 am
by Luke
??? That is one of the strangest things I've ever seen (well in the realm of web-site behavior anyway) Wish I could help, but I have no idea :(

Posted: Mon Aug 21, 2006 1:52 am
by feyd
nice site name. :roll:

Can't think of anything offhand that'd do what you are seeing.

Posted: Mon Aug 21, 2006 2:14 am
by shiznatix
feyd wrote:nice site name. :roll:
I aim to please.

But, maybe this is a FF bug? It does not seam to happen in IE, dunno about other browsers.

Posted: Mon Aug 21, 2006 2:26 am
by matthijs
I've seen things like this before. But mostly in IE, not in FF. It has nothing to do with the javascipt though, with or without js enabled, the effect still happens. Have you tried giving the flag one or more pixels extra space. It looks like some rounding error, like the browser cannot decide whether 256.52px is 256 or 257. Very weird...

Posted: Mon Aug 21, 2006 2:58 am
by Weirdan
white-space:nowrap added to ul solves the issue

Posted: Mon Aug 21, 2006 2:50 pm
by shiznatix
Weirdan wrote:white-space:nowrap added to ul solves the issue
thank you very much!

Posted: Mon Aug 21, 2006 3:07 pm
by Christopher
The problem is that when the length of the selects change their width changes. Because you don't specify any widths in the table containing them the table cells shrink and grow. That image moves becaue it is at the far left so when the full width shrinks a few pixels it is effected. Looking at your CSS, you need to control width better. The form still shifts.