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.

http://www.filmtreks.com/images/participants/square/interviewing.jpg 
(120x120)

see a scaled and sharpened version (144x144)
http://www.satzansatz.de/cssd/tmp/interviewing.jpg

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.

Ingo

-- 
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: