Previous Message
Next Message

mixed-up on how to address layout and image issues in IE (PC / Mac)

Sent by Ingo Chao on 31 March 2006 21:09

Clayton Farr wrote:
> IE6Win: the right sidebar is much more stable now. Switching to a lower
>> text size does not drop the float anymore, good.
>> There is still an issue when the window is sized smaller.
> That's great to hear that it's working better. The window sizing issue is
> the problem I was aware of initially - any ideas on what could be causing
> this?

by brute force, overflow: hidden seems to prevent the float drop in 
IE6/Win on window resize.

* html #main_content { width: 64.5%; overflow:hidden }
* html #side_content { width: 32.5%; overflow:hidden }

>> ...there is a vertical gap >1px between the images in IE6+7
>> display:block should solve this.

The gaps are gone now in IE/Win.

> The scaling (img width of 50% ) looks bad.
> Yeah, this was intended to make the images scale with the fluid layout (in
> respect to the width of the the #side_column). The images show up fine in
> other browsers but seem to display a lower resolution in IE (although this
> also seems inconsistent). 

I think the problem is the original img size of 120x120px. On my PC 
screen 1280x1024, the width of 50% scales these images up to 144x144px 
or more in IE7, until the max-width kicks in. Firefox does a smooth 
scaling, in IE6+7, it is pixelized. 

see a scaled and sharpened version (144x144)

by using this version, I got better results; all IE7 has to do is to 
down-sample it.

The problem is that IE6 does not take your max-width, so wider screens 
will conflict with these efforts. Maybe you should try a max-width 
script, if you haven't already.

> Great looking site. 

Thanks for your kind words.


css-discuss [EMAIL-REMOVED]]
IE7b2 testing hub --
List wiki/FAQ --
Supported by --
Previous Message
Next Message

Message thread: