CSS Rendering incorrectly when deployed onto device.

[MikeBurgess]

Hi guys,

Just starting a Nokia project and I am getting some bizzare results when I have deployed onto a device.

I'm starting with a basic menu with 4 cells with an image and title to go with them. This renders nicely on the browser and in the Nokia simulator.

Now appropriate standard styles are applied in the form of CSS and HTML and the structure is:

<div (cell)>
<div (image)><img></img></div>
<div (text)></div>
</div>

However, when I load onto a device the text dissapeared and I was left with just the background colour of the cell and the image, once I removed the background colour I found the text was hidden below the image.

It looks somewhat like when its packaged and deployed it ignores the inline-block property and the order in which things are declared (as its appearing below the background-color of the containing div)

Can anyone offer any light as i'm aboslutely baffeled?

Thanks,

Mike B

[isalento]

Hello Mike and welcome to forum!

Could you share CSS that goes with code, so we can take a look and try to reproduce the issue you are facing?

One reason why this does not work, can be that inline-block is not supported. Supported values for display are: inline | block | none
http://www.developer.nokia.com/Resou...supported.html


Br,
Ilkka

[MikeBurgess]

Thanks,

That is exactally why it is rendering incorrectly that is strange and irratating although I realise why as everything was displaying correctly in the simulator. what is the general fix for inline-block not being supported?

My head tells me not to use a table, I guess it will have to be trying to use floats?

Cheers,

Mike B

[isalento]

Unfortunately floats are not supported either, so table is the only way to go.
See section 2.1 Page Layout in http://tools.nokia.com/wt/doc/jsdt/s...ices_Guide.pdf

Cloud preview is recommended to use for previewing, instead of local preview. Local preview is good for JavaScript debugging purposes, but it is not suitable for verifying layouts etc. That is because it does not run the content trough the proxy.

Br,
Ilkka