Welcome to WebmasterWorld Guest from 54.167.46.29

Forum Moderators: not2easy

Message Too Old, No Replies

IE7 very clumsy with percentage renderng

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

Junior Member

5+ Year Member

joined:Jan 15, 2008
posts:198
votes: 0


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)

Preferred Member

10+ Year Member

joined:Mar 14, 2003
posts:508
votes: 0


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

Because FF rounds percentages down and IE rounds them up.