Welcome to WebmasterWorld Guest from 54.197.94.141

Forum Moderators: not2easy

Message Too Old, No Replies

IE7 very clumsy with percentage renderng

   
9:46 pm on May 15, 2009 (gmt 0)

5+ Year Member



Internet Explorer has so many flaws that it's funny. Who are the people behind it? Is Gates giving the work over to amateurs these days?
Ok, enough of that : D

my layout:


___width:27%________width:46%_________width:27%__
##..........##....................##...........##
##.--------.##.------------------.##.---------.##
##.--left--.##.------middle------.##.--right--.##
##.--------.##.------------------.##.---------.##
##..........##....................##...........##

Inside middle div:
.middle_inner{width:100%;}

AND inside middle_inner are 5 of these:
.small_pic{width:20%; height:20px;}

5x20% still equals 100%, correct? Well apparently IE doesn't agree.
If I resize the browser window on certain spots one of those 5 small_pic elements will get "wrapped" into next line below.

I do understand that when working solely with percentage as I do on this project, there will be pixel discrepancy on a certain width, as pixels are non breakable.
But why Firefox displays it totally correctly, never wraps, while IE does?
Bad bad piece of software..

What could I do for this situation? I *could* lower the percentage width of a small_pic element down to 19.9% or else, but then the layout is not perfect anymore :((

p.s. yes, it took me 10 minutes to make that illustration with dots and dashes up there. Why? It's just one of those days when I feel like a geek, lol ! : )))

5:30 pm on May 17, 2009 (gmt 0)

10+ Year Member



But why Firefox displays it totally correctly, never wraps, while IE does?

Because FF rounds percentages down and IE rounds them up.