HTML Mac vs Win

[Raybaudi]

Hi all friends

the attached HTML file shows a grafh of 12 columns on Win...

... but they are nine, because the last 3 are zero height.

Mac shows exactly, but Win NO.

Can someone expert of HTML say me why ?

P.S.: change the extension from .txt to .html and open with a browser.

test.txt

[mr_vodka]

Its not so much an issue with Windows vs. Mac. It is a browser difference. If you open it on Firefox, you will see that it displays fine.

[Genx]

Try adding

[Genx]

I've tried modifying every property i can think of and still can't get it working... IE7 just gives the element 19px of height for no reason, even if you remove padding, margins, line height, put in a max height, try and hide the overflow etc... why don't you use google charts or something: http://code.google.com/apis/chart/

[Raybaudi]

Hi Genx

thanks for the link and many tanks for trying to solve the problem with IE.

I know that this is not a real issue with Win and Mac, but with their default browsers.

What it's still arguing me is why the same HTML can't be viewed exactly the same way on both platforms.

I would think that there was an ( my ) error into the code, but...

[mr_vodka]

No there was nothing wrong with your code. IE is just a lousy browser. IE has had some issues with the DIV tag for quite some time; especially prior to 7.

[Raybaudi]

Hi John

to add something else to the discussion see the new attachment.

The same code but with orizzontal bars dispays correct on both platforms.

OrBar.txt

[Raybaudi]

... and here the .fp7 file with both vertical and orizzontal bars.

The code has always the div tag.

Vert_E_Oriz.zip

[Raybaudi]

why don't you use google charts or something: http://code.google.com/apis/chart/

because the HTML code is very simple and customizable and didn't need a web connection.

[mr_vodka]

[mr_vodka]

Well you can actually use this work around. It should work and for what you are trying to achieve it should be suffice. Still it is a rather annoying issue. :

Vert_E_Oriz_MODIFIED.zip

[Genx]

because the HTML code is very simple and customizable and didn't need a web connection.

The second point is well taken but the google api is hardly difficult to work out... Here's a pretty bar chart i put together after playing with it for 5 minutes:

http://chart.apis.google.com/chart?cht=bvg&chco=4d89f9,c6d9fd&chs=1000x300&chd=t:16,10,61,12,15,19|17,12,15,90,15,20&chxt=x,y&chxl=0:|Jan|Feb|Mar|Apr|May|June&chbh=50&chg=0,10&chdl=2008|2009

[Raybaudi]

Well you can actually use this work around.

I'm trying to achive exactly corrispondence to numbers and height !

The work around is good only for 0 value; between it and 10 the graphic fails ( as you sure know : )

[Raybaudi]

the google api is hardly difficult to work out...

Yes, it is very interesting and not too difficult to understand; I'm grate to you to show me that link.

Still needs the web connection.

[mr_vodka]

Ah yes the lower number still do have the issue. I was aware of it earlier but it slipped my mind when I was modifying the file.

[Raybaudi]

I've tried modifying every property i can think of and still can't get it working... IE7 just gives the element 19px of height for no reason, even if you remove padding, margins, line height, put in a max height, try and hide the overflow etc...

Finally I found that this is a known bug of IE.

And there is a workaround...

and an: [color:red]  between the div tags.

Note that that is needed ONLY for vertical bar, not for the horizzontal one.

Vert_E_Oriz.zip