werewolf00
New Member
I have a jsfiddle here, please open in internet explorer and in one other major browser:http://jsfiddle.net/6bv7j/1/Now in the jsfiddle, just click on the "Add Question" button and it will append a row underneath. In the row it shows two buttons, one known as "Select All Answers" and other known as "Remove All Answers".Now in the major browser, the buttons are centered in the table which is fine. But in Internet Explorer it is not centered , it is still aligned to the left. My question is that is there a piece of code which is causing it to not center in IE or do I need to add something in order to be able to center it in IE?I tried float:center but this did not work. Im not sure if it's best to use \[code\]align\[/code\] method.Below is the CSS and Jquery/HTML of the code:\[code\].allBtnsRow{ text-align:center; cursor
ointer; font-size:85%; }.allRemoveBtnsRow{ text-align:center; cursorointer; font-size:85%; }\[/code\]Below is Jquery/HTML code:\[code\]$BtnsClass = $("<input class='allBtnsRow btnsAll' type='button' value='http://stackoverflow.com/questions/14049217/Select All Answers' onClick='selectAll(this);' /><br/><input class='allRemoveBtnsRow btnsRemove' type='button' value='http://stackoverflow.com/questions/14049217/Remove All Answers' onClick='removeAll(this);' />");\[/code\]
ointer; font-size:85%; }.allRemoveBtnsRow{ text-align:center; cursorointer; font-size:85%; }\[/code\]Below is Jquery/HTML code:\[code\]$BtnsClass = $("<input class='allBtnsRow btnsAll' type='button' value='http://stackoverflow.com/questions/14049217/Select All Answers' onClick='selectAll(this);' /><br/><input class='allRemoveBtnsRow btnsRemove' type='button' value='http://stackoverflow.com/questions/14049217/Remove All Answers' onClick='removeAll(this);' />");\[/code\]