Moving picture

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
shiznatix
DevNet Master
Posts: 2745
Joined: Tue Dec 28, 2004 5:57 pm
Location: Tallinn, Estonia
Contact:

Moving picture

Post 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.
User avatar
Luke
The Ninja Space Mod
Posts: 6424
Joined: Fri Aug 05, 2005 1:53 pm
Location: Paradise, CA

Post 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 :(
User avatar
feyd
Neighborhood Spidermoddy
Posts: 31559
Joined: Mon Mar 29, 2004 3:24 pm
Location: Bothell, Washington, USA

Post by feyd »

nice site name. :roll:

Can't think of anything offhand that'd do what you are seeing.
User avatar
shiznatix
DevNet Master
Posts: 2745
Joined: Tue Dec 28, 2004 5:57 pm
Location: Tallinn, Estonia
Contact:

Post 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.
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post 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...
User avatar
Weirdan
Moderator
Posts: 5978
Joined: Mon Nov 03, 2003 6:13 pm
Location: Odessa, Ukraine

Post by Weirdan »

white-space:nowrap added to ul solves the issue
User avatar
shiznatix
DevNet Master
Posts: 2745
Joined: Tue Dec 28, 2004 5:57 pm
Location: Tallinn, Estonia
Contact:

Post by shiznatix »

Weirdan wrote:white-space:nowrap added to ul solves the issue
thank you very much!
User avatar
Christopher
Site Administrator
Posts: 13596
Joined: Wed Aug 25, 2004 7:54 pm
Location: New York, NY, US

Post 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.
(#10850)
Post Reply