Recently I found a very nasty bug in IE7. When creating a search form, my submit button did not appear as I wished, like in Chrome, Firefox, IE8. Added a default 10px padding to the left and right of the button.

IE7 ignored all of the horizontal padding I specified with css.

After some googling I found the solution:

Before:

<input type=”submit” value=”Submit button NOT OK” style=”padding: 20px;” />

After:

<input type=”submit” value=”Submit button OK” style=”padding: 20px; overflow: visible;” />

Note: the example above is correctly visible only in IE7!

Here’s how you can make it to work:

- instead of trying opening the file by double clicking it from Explorer, open a new, clean Open Office Calc spreadsheet, and open the file by selecting from the menu: File->Open.

Here is a small code to test it:

<form name=”formname” method=”POST” action=”?action=dosomething”>

Check all: <input type=”checkbox” name=”checkall” id=”checkall” value=”Check All” onclick=”Check(‘formname’,$(‘.check_list’))”>

Option 1<input type=’checkbox’ class=”check_list” name=”check_list[]” value=”1″>
Option 2<input type=’checkbox’ class=”check_list” name=”check_list[]” value=”2″>
Option 3<input type=’checkbox’ class=”check_list” name=”check_list[]” value=”3″>

</form>

The corresponding Javascript code:

function Check(form_name,chk){ // alternate check all/check none of items

if(eval(“document.”+form_name+”.checkall.value”)==”Check All”){
for (i = 0; i < chk.length; i++)
chk[i].checked = true ;
eval(“document.”+form_name+”.checkall.value=’UnCheck All’”);
}

else{
for (i = 0; i < chk.length; i++)
chk[i].checked = false ;
eval(“document.”+form_name+”.checkall.value=’Check All’”);
}

}