If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Website not displaying radio buttons in IE10

Hi,

I hope someone can help. I have checked my website www.bound.co.nz in all browsers and it is not quite displaying in IE10. If you look particularly at a product page http://www.bound.co.nz/products.php?product=Golden-stag and scroll down to the Options. You will see that no radio buttons are showing. Does anyone know what is happening here? I would really really appreciate any help. I have included a screenshot to show how it isn't displaying correctly.

I can see that everything but your CSS (don't even want to attempt to wade through the dozen or so different stylesheets) looks about right.
A guess is that the radio buttons are located a few hundred pixels off of the screen or have "display:none;" or "visibility:hidden".
Your syntax, including closing tags are right for your inputs and your XHTML transitional.
Actually with transitional, you could close them anyway you wanted to and they would still work correctly.
Again, you need to look very closely at your divs' CSS possibly coupled with your list's structure and styling. Something about IE doesn't like the styling.
When you find the culprit, you can usually fix the problem with a conditional statement for IE in the head.

The correct way to allow a user to click both the text and the button is to use a label tag with raw HTML or try out with the below code
var tabs = document.getElementsByName("action_tab")
First, getElementsByName() is broken in IE. Rather use getElementsByTagName() and/or getElementById().
Or better, use
jQuery and $('[name=action_tab]').