With IE7, ClearType and Text scaling doesn't work

Ideas? Suggestions?

Or report any bugs about GreatNews here

Moderators: justauser, MysteryFCM

gtanuel
Posts: 21
Joined: Wed Sep 14, 2005 12:47 am

With IE7, ClearType and Text scaling doesn't work

Postby gtanuel » Mon Nov 06, 2006 9:49 pm

I've just installed IE7 and noticed that they have some issue with ClearType. This affects the stylesheet I created for GreatNews: the text is not anti-aliased:

Image

Magnified:
Image

After Googling, I found out that it has something to do with transparency/opacity:
http://blogs.msdn.com/ie/archive/2006/08/31/730887.aspx

Since my stylesheet indeed uses opacity to soften the read items (make them less opaque), it's also affected.

As IE team will not modify the behavior anytime soon, could GreatNews instead accomodate a workaround? I'd like to suggest a new class called gn_readitem. Currently, only unread items is classed specifically while read items only have the more general gn_stories or gn_story. I have to make the (all) general items as transparent and specifically make the unread ones opaque:

Code: Select all

div.gn_stories, div.gn_story {
   font-size: 1.2em;
   line-height: 1.4em;
   margin-bottom: 1em;
   float: left;
   overflow: visible;
   width: 100%;
   background-color: #fff;
   filter: Alpha(opacity=25);
   opacity: 0.25;
   -moz-opacity: 0.25;
}

div.gn_unreaditem {
   filter: Alpha(enabled=false);
   opacity: 1;
   -moz-opacity: 1;
}


If there is a gn_readitem class, the stylesheet can accomodate more flexible needs:

Code: Select all

div.gn_stories, div.gn_story {
   font-size: 1.2em;
   line-height: 1.4em;
   margin-bottom: 1em;
   float: left;
   overflow: visible;
   width: 100%;
   background-color: #fff;
}

div.gn_readitem {
   filter: Alpha(opacity=25);
   opacity: 0.25;
   -moz-opacity: 0.25;
}

div.gn_unreaditem {
   /* no specific style, i.e. follow gn_story/gn_stories */
}


Another thing: text scaling (Ctrl-Wheel or Ctrl + / -) doesn't work, too. I think IE7 change it from 5-scales zooming ('Smaller' to 'Larger') to percentage zooming (similar to Firefox).

User avatar
Jack
Site Admin
Posts: 3472
Joined: Fri Feb 18, 2005 12:05 am

Postby Jack » Tue Nov 07, 2006 10:30 pm

I will add that gn_readitem to generated html. It should be easy.

I like it very much to use CTRL+Wheel to change font in IE6. Is there any workaround for IE7?

User avatar
Jack
Site Admin
Posts: 3472
Joined: Fri Feb 18, 2005 12:05 am

Postby Jack » Sun Nov 12, 2006 8:11 pm

I checked code generating html pages. The gn_readitem should be there already. Please give it a try.

gtanuel
Posts: 21
Joined: Wed Sep 14, 2005 12:47 am

Postby gtanuel » Mon Nov 13, 2006 12:37 am

Thanks! I've just downloaded built 1.0.0.376 and it works fine.

Regarding zooming, from what I read, it seems that IE7 changes the keybinding several time during its betas and currently there aren't text-size zooming in it (used to be bound to Ctrl-Shift-Wheel in a beta, but later this binding is to perform horizontal scrolling). They haven't finished IE7 ieframe.dll documentation, so I think we may want to wait for a while.


Return to “Suggestions & Bug Reports”

Who is online

Users browsing this forum: No registered users and 8 guests