homepage Welcome to WebmasterWorld Guest from 54.237.98.229
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
IE7 very clumsy with percentage renderng
punisa

5+ Year Member



 
Msg#: 3914723 posted 9:46 pm on May 15, 2009 (gmt 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 ! : )))

 

steve

10+ Year Member



 
Msg#: 3914723 posted 5:30 pm on May 17, 2009 (gmt 0)

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

Because FF rounds percentages down and IE rounds them up.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved