jittery images.. why?

15 views
Skip to first unread message

Govinda

unread,
Mar 24, 2010, 4:57:03 PM3/24/10
to Web Authoring
Hi All

this should be really simple... But I just can't see what the issue
is. If you hit this (below link) page with safari (Mac), and perhaps
on at least some versions of IE (windows) too.. you will see the
issue.

The issue is that the colored bar graphs (<img>s) jump around when you
re-size the browser window.

http://www.sleeperhouse.com/Feedback-GovindaTest.tpl

Can anyone see a reason for that jumping? How can I make all those
images hold still (bottom-aligned)??

Thanks for any feedback!
-Govinda

RobS

unread,
Mar 25, 2010, 7:31:56 AM3/25/10
to Web Authoring
I don't see any jumping in Safari (latest) in Mac OS X v10.6.2. There
is movement, but not jumpy movement.

Generally speaking I wouldn't try to present so much visual
information in a dynamic format like that. I'd make it fixed width at
the mimimun width required to present the information clearly.

Rob

Lorin Rivers

unread,
Mar 25, 2010, 11:41:17 AM3/25/10
to web-au...@googlegroups.com
I think it's because of rounding the numbers as you resize the window since everything is by percentages.

> --
> You received this message because you are subscribed to the Google Groups "Web Authoring" group.
> To post to this group, send email to web-au...@googlegroups.com.
> To unsubscribe from this group, send email to web-authorin...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/web-authoring?hl=en.
>

Govinda

unread,
Mar 25, 2010, 4:40:17 PM3/25/10
to Web Authoring
On Mar 25, 11:41 am, Lorin Rivers <lriv...@mosasaur.com> wrote:
> I think it's because of rounding the numbers as you resize the window since everything is by percentages.

thanks Lorin for replying!

I just found out I can solve the issue with one quick line :-) .. in
the style rules:
img { display:block; }

-Govinda

Reply all
Reply to author
Forward
0 new messages