So, I've put together a dashboard using AJAX and it displays
perfectly using IE6 and Firefox. IE7 is another story.
Basically, there's three templates, main.cfm, m_output.cfm
and m_chart.cfm. The main.cfm starts out with an hbox layout where
the source for each hbox comes from m_output.cfm. m_output.cfm also
contains an hbox layout. m_chart dynamically creates cfpods for
each measurement. I've attached code here, but it's not all the
code on each page...it's just to illustrate how I've nested the
AJAX so you can see how I've gotten to this point. Anyway, it
displays perfectly in Firefox and IE6, where as, the pods go about
five across and then start a new row, laying out on the page as you
would expect. However, in IE7, it tries to go six pods across and I
get the dreaded scroll bars on the sixth pod, therefore forcing the
user to use the scroll bar to see the contents of the sixth pod.
Have I discovered a bug? Has anyone tried this? I'm sure there's
nothing I can do in my code to change this, but I thought it would
be worth posting with the hope for a fix to the AJAX/Jscript behind
the scenes.
Here's some screen shots for illustration purposes.
Correct display using Firefox:
http://www.bhshealth.org/images/firefox_ss.jpg
The display issue I'm having with IE7:
http://www.bhshealth.org/images/ie7_ss.jpg
Any ideas? Thoughts?
JC