Chrome Gmail Checker - sign in problem

Had an issue with Google Chrome Gmail checker - extension would not sign in, was always grayed out with question mark.

The solution which worked for me:

1. Open Chrome.

2. Disable Google Mail Checker plugin (you can do that on extension page)

3. Sign in to your gmail account in another tab

4. Enable Google Mail Checker extension

Voila Gmail Checker icon becomes red

Password protection

Password protection. Great solution for hiding file download url.

Yahoo change password link

Need to change your Yahoo password?

Go to "My Account" (near the sign out button at the top). It will prompt for your current password.

z-index problem on IE6 and IE7

Sometimes z-index property defined in CSS file does not help. IE would still render some elements with bigger z-index behind elements with lower z-index.

Setting z-index using javascript fixed my z-index problem on IE.

document.getElementById('myElement').style.zIndex = "500";

JavaScript parsing and evaluation

By default script tags are not parsed and evaluated by browsers when you try to inject them as regular text ( for example using innerHTML). Following code borrowed from mootools library will do it for you.

var myText = "html here <script>alert('javascript eval worked');</script>";
var scripts = [];
var regexp = /<script[^>]*>([\s\S]*?)<\/script>/gi;
while ((script = regexp.exec(myText))) scripts.push(script[1]);
scripts = scripts.join('\n');
if (scripts) (window.execScript) ? window.execScript(scripts) : window.setTimeout(scripts, 0);

Background problems on IE6

Sometimes IE6 would not render background specified in CSS. Try adding position:relative to the element.

#MyIe6Div {
background-color: red;
position: relative;
}

Mobile Browsers

Opera Mini
http://www.operamini.com/

Pocket Web
http://www.tlogic.de/home/products.php?p=pocketweb

Minuet
http://www.triprince.com/

Ucweb
http://ucweb.com/English/

CoolBrowser
http://www.kycb-kycb.narod.ru/

Remove checkbox padding/space in IE

By default IE6 and IE7 add some space (few pixels) around the checkbox. I tried adding overflow: hidden; padding: 0px; margin: 0px; float: left; and even more - nothing helped. Only defining its height would work.

In order to remove that space try adding height and width styles

<input style="height: 1em; width: 1em;" type="checkbox">

This should work ok on IE6, IE7, Safari, FF

IE6 and IE7 together on one PC

Website designers sometimes need to make sure design is OK on both IE7 and IE7. It is possible to have both IE6 and IE7 on one PC if you have one of them setup on virtual machine (either VMWare or virtual machine from Microsoft). Unfortunately, virtual machine is slow and needs a lot of additional tuning/actions.

Instead of virtual machine you could download Multiple IE pack, which allows to install IE3 to IE6 on your PC. More info here http://tredosoft.com/Multiple_IE.

I had IE7 installed on PC, and installed IE6 from above pack. Everything works just nice.

Note: about box on IE shows IE7 on my PC, but it would render page using IE6 rendering engine, so no worries.

CSS Hacks for IE6, IE7, Firefox, Opera, Safari

CSS hacks, IE6 PNG transparency. Explanation in Russian with examples.

http://css-framework.ru/wiki/documentation/css-hack

These are for older browsers

http://www.stylegala.com/resources/css_hacks.htm

Centering problem in Interner Explorer

IE7 seems to be having problems centering text in the column if column width is defined in CSS.

Lets say following CSS is applied to a table column:
{ width: 50px; text-align:center; }

When table cell gets widened because content does not fit, IE would still center content based on initial value (50px, as specified in CSS).

In order to fix IE behavior, add col tags. These will somehow force IE to use correct width while centering
<table>
<colgroup>
<col width="1%" />
<col width="1%" />
</colgroup>
<tr>...