components displaying differently in ie and firefox

[paulie555]

I've got my components laid out as radio buttons and it looks fine in firefox, but in IE it's a bit hit and miss.

Click here to see how it looks OK.

Click here to see how the last permutation has a gap between it and the one above.

Both are set up as -

Component:
"Component with layout and attributes price grid"
"Additional price in brackets"

Attribute:
"Standard radio button attribute"

- so I'm not sure why they are displaying differently.

[G.W.Green]

Hi,

Have you taken the links down at all?
I cannot get to them.

[gabrielcrowe]

pitfalls of css

first of all, its no doubt to do with css and form elements being mistreated across browsers.

http://meyerweb.com/eric/tools/css/reset/

this page details a stylesheet that resets css across all browsers. this includes form elements.

this will fix your cross browser rendering issue but it does mean that it'll cause other elements to render reset, and you'll have to fix them.

[paulie555]

Thanks Gabe
I did try that, but it seemed to really throw the layout off.

I don't know if this is the best solution, but I just stuck the component layout in a table and by fixing the width it seems to have cured the problem of the spacing.