Tag Archives: IE

Positioning and z-index in IE

Using absolute positioning to hide and show a nested list is one of the better ways to create a dropdown menu, and it can almost be done using only CSS. IE6 needs a little javascript help to respect the :hover pseudo-class. The Sons of Suckerfish will help you there.

Now you have your perfect semantic validating SEO friendly nested list in order to make the drop-down menu the client wants. The CSS is in place and the dummy you’ve thrown up works.
But when you implement it into the site the drop-down partly hides behind the content further down. Offcourse – it has an higher z-index. Easy fix. But then the juggernaut IE comes along and crashes the party.

Continue reading

Font rasterization in Windows XP

If you are on Windows XP1 and have upgraded to Internet Explorer 7, you know, the Internet with glossy buttons, you’ve perhaps noticed that the text looks a slightly smoother then before? That is because in IE7 Windows’ ClearType is enabled by default. You can do this systemwide if you like it. And if you for some unknown reason to mankind prefer IE6 you should do yourself a favor and follow these settings.

  1. Click “Start” and open the Controlpanel.
  2. Doubleclick the Display icon to open the Display settings panel
  3. Select the Appearance tab
  4. Then select the “Effects…” button
  5. Make sure the checkbox next to “Use the following method for font smoothning…” is checked 2
  6. Select “ClearType” from the dropdown
  7. …and click OK, and then enable or ok again

That’s it. You’re done. Now your eyes will thank you for making it less stressfull looking at the screen all day.

If you want to know more check out Wikipedias entry on font rasterization.


  1. None of this applyes to Windows Vista, as it is enabled by default. But feel free to correct me.
  2. My version of Windows XP is in Norwegian, so my translations are likely to be somewhat off from a English version.

Webdeveloper tools for IE

Firefox has all the plugins you can poke a stick at, but what to do when IE is doing its “thing”? Windows Explorer plugins to the rescue!

Westciv’s XRAY is a javascript bookmarklet that lets you click on items in your webpage and view some of the CSS information regarden the area you’ve selected.

Microsoft has their own IE Developer Toolbar that is similar to the Firefox Firebug plugin. It lets you inspect and alter the DOM, change settings, outline elements, find CSS etc.

That should make the bughunt slightly easier for everyone.

Update: I’m running multiple IE’s, and as a result (I assume) the webtools only work in IE7.