Table moves beneath left menu in IE 6

[Zoe Brillantes]

No problem using Google Chrome.

Use this table to check:

World Health Statistics -> Selected infectious diseases -> Number of reported cases

[Philippe Boucher (boucherp)]

table also renders in the correct location under firefox

[Philippe Boucher (boucherp)]

Ugh - table renders in the wrong location for Internet Explorer 8, so this one stays a must-fix

[Philippe Boucher (boucherp)]

This is turning out to be quite tricky - fixing it in one browser breaks it in another - in the case of IE6 we're running into browser specific rendering problems. I've wrapped the left menu and the display area into a table - that helps the overall structure of the page but then the right side of the table is cropped in IE6 (Chrome and Firefox still display correctly - need to test with IE7 and IE8), otherwise the other thing that seems to help is to give a really large width setting to #olap .main-ContentWithTabs in css/who-gho-olap.css, like width: 3000px - but then the "loading" message get rendered offscreen half the time so that's not good either.

[Knut Staring (knutst)]

Well, it is not uncommon to check for IE6, i.e. to have an IF statement in order to cater for both.

[moores (moores)]

Just a note that this problem does not occur with the 4-war file version of GHO. Related to removing the tabs??

[Zoe Brillantes (brillantesz)]

> #olap .main-ContentWithTabs in css/who-gho-olap.css, like width: 3000px

what about width: 100% , does this make the table change fluidly when it has content and when it doesn't?

Or if it's THAT tricky, can we just bring back a tab as Steve notes... and you know, just name it 'Data'. Release it, then go back to fixing it afterwards.

[Philippe Boucher (boucherp)]

Maybe,

Steve, can you post the URL for your 4 war file instance of the system -
If it works there, we can compare it with what we currently have to sort
this out.

Thanks,

P

Philippe Boucher
Health Care Informatics unit, department of Health Statistics and
Informatics
World Health Organization,
20 Appia, 1211 Geneva 27, Switzerland
email: <email address hidden>
[phone]

-----Original Message-----
From: <email address hidden> [mailto:<email address hidden>] On Behalf Of
Zoe Brillantes
Sent: 23 November 2009 11:36
To: Boucher, Phillipe Jean-Pierre
Subject: [Bug 485254] Re: Table moves beneath left menu in IE 6

> #olap .main-ContentWithTabs in css/who-gho-olap.css, like width:
3000px

what about width: 100% , does this make the table change fluidly when it
has content and when it doesn't?

Or if it's THAT tricky, can we just bring back a tab as Steve notes...
and you know, just name it 'Data'. Release it, then go back to fixing
it afterwards.

--
Table moves beneath left menu in IE 6
https://bugs.launchpad.net/bugs/485254
You received this bug notification because you are a member of WHO
Health Informatics, which is subscribed to Global Health Observatory.

Status in Global Health Observatory: New

Bug description:
No problem using Google Chrome.

Use this table to check:

World Health Statistics -> Selected infectious diseases -> Number of
reported cases

[moores (moores)]

http://hqswproteus:8090/gho

-----Original Message-----
From: <email address hidden> [mailto:<email address hidden>] On Behalf Of
Philippe Boucher
Sent: Monday, November 23, 2009 12:06 PM
To: Moore, Steven
Subject: RE: [Bug 485254] Re: Table moves beneath left menu in IE 6

Maybe,

Steve, can you post the URL for your 4 war file instance of the system -
If it works there, we can compare it with what we currently have to sort
this out.

Thanks,

P

Philippe Boucher
Health Care Informatics unit, department of Health Statistics and
Informatics
World Health Organization,
20 Appia, 1211 Geneva 27, Switzerland
email: <email address hidden>
[phone]

-----Original Message-----
From: <email address hidden> [mailto:<email address hidden>] On Behalf Of
Zoe Brillantes
Sent: 23 November 2009 11:36
To: Boucher, Phillipe Jean-Pierre
Subject: [Bug 485254] Re: Table moves beneath left menu in IE 6

> #olap .main-ContentWithTabs in css/who-gho-olap.css, like width:
3000px

what about width: 100% , does this make the table change fluidly when it
has content and when it doesn't?

Or if it's THAT tricky, can we just bring back a tab as Steve notes...
and you know, just name it 'Data'. Release it, then go back to fixing
it afterwards.

--
Table moves beneath left menu in IE 6
https://bugs.launchpad.net/bugs/485254
You received this bug notification because you are a member of WHO
Health Informatics, which is subscribed to Global Health Observatory.

Status in Global Health Observatory: New

Bug description:
No problem using Google Chrome.

Use this table to check:

World Health Statistics -> Selected infectious diseases -> Number of
reported cases

--
Table moves beneath left menu in IE 6
https://bugs.launchpad.net/bugs/485254
You received this bug notification because you are a member of WHO
Health Informatics, which is subscribed to Global Health Observatory.

Status in Global Health Observatory: New

Bug description:
No problem using Google Chrome.

Use this table to check:

World Health Statistics -> Selected infectious diseases -> Number of
reported cases

[Philippe Boucher (boucherp)]

ok, figured out what the problem is - Internet explorer applies the styles defined for the new entries in the left menu for "Home" and "GHO Website" to the data table column headings, thus breaking the rendering and cause the table to move sometimes. In order to format the new menu entries I used a combination of ids and class names in the stylesheet that seem to confuse Internet Explorer 6/7/8 because the class name part of the pair isnt unique across the entire set of styles sheets - none of the other browsers (Chrome, firefox, opera, safari) seemed to be affected by this, so I dont really know if I had misconfigured the style sheet and most browsers are smart enough to figure out what is intended, or if its an issue in IE's page rendering engine - regardless, the fix is to put in a completely unique set of names - That's been checked in, now on to that little piece of tab-corner that gets rendered in IE.

[Philippe Boucher (boucherp)]

Set the display property to none in the who-gho-tabs-buttons.css stylesheet for a.tab.active this forces suppression of the display of the component on all browsers, so that the tab graphic does not appear in IE6/7/8
code is now in the repository, setting to fix-committed.