IE5.5 - IE7 renderer width overlay and difference ability

2007, July 2 - 13:58

Piotr's blog

A tool which will compare pages and show me how my page is seen under severall browsers. Althought I have my 5 browsers set , but one can not compare designs precisely.

Overlayed IE6 and IE7 renderings: Difference in the same area:

As you may see there are differences. Whole page is shifted down by 2 and right be 4 pixels, there is also big difference in spaces between tags.

That's a tool for a pixel perfect designers! IE NetRenderer.

There is only one problem – page is grabbed only for 741 pixels in heigh.

Bookmark/Search this post with:

Trackback URL for this post:

http://piotr.zalewa.info/trackback/34

Comments

Piotr 1970, January 1 - 00:00

… but I think it's going for better with IE7. There are still few problems with IE6/7.

In example:

/* transparency for IE6 */
#menu #menu_schedule.over a  {
    background-color: white;
    filter: alpha(opacity=80);
}
/* transparency for firefox */
#menu #menu_schedule.over[title="schedule"] a {
    background: transparent url(/img/schedule_hover.png) no-repeat;
}

Above code was producing a nice transparent backround in IE6 and FF, but IE7 is showing the png properly and does the opacity filter as well…

I wanted to avoid using javascript in such designs.

Is it still worth to do pages which will work without javascript?

Anonymous (not verified) 1970, January 1 - 00:00

Hey, thats cool! And shows quite nicely how lame IE is!

Piotr Zalewa