Re: [WSG] hitting a IE 7 horizontal scrollbar bug, zoom:1 can't get rid of it :(
On Jul 5, 2008, at 9:18 PM, Thierry Koblentz wrote: Hi Tee, Try: html {overflow-x:hidden;} Thierry, thank you so much! tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] hitting a IE 7 horizontal scrollbar bug, zoom:1 can't get rid of it :(
Can a kind soul helps? I found the culprit but couldn't get it fix with zoom: 1 or any hasLayout trick. It's the right column (outlined), at first I thought it's google calendar's iFrame causing it, but it's not as removing the iframe doesn't make the horizontal scrollbar goes away. http://msac.marinersq.com/1.html If I remove the entire div class=rightcol. The horizontal scrollable vanish. http://msac.marinersq.com/2.html These are the codes target for the 3 floated columns in 'ie7.css'. #content {width: 860px;margin:25px 50px 0 48px;} #content ul.list {width: 300px!important;} #content ul.promo {width: 250px!important;} .rightcol {width: 230px!important;margin-left:15px;border: 1px solid #333;zoom:1; } I tried decalaring 'zoom:1' in #content wrapper, no help either. Ingo Chao has a solution but I still can't get it work :-( http://www.satzansatz.de/cssd/ie7b2_prscrollbar.html Thanks! tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] hitting a IE 7 horizontal scrollbar bug, zoom:1 can't get rid of it :(
Can a kind soul helps? I found the culprit but couldn't get it fix with zoom: 1 or any hasLayout trick. It's the right column (outlined), at first I thought it's google calendar's iFrame causing it, but it's not as removing the iframe doesn't make the horizontal scrollbar goes away. http://msac.marinersq.com/1.html If I remove the entire div class=rightcol. The horizontal scrollable vanish. http://msac.marinersq.com/2.html These are the codes target for the 3 floated columns in 'ie7.css'. #content {width: 860px;margin:25px 50px 0 48px;} #content ul.list {width: 300px!important;} #content ul.promo {width: 250px!important;} .rightcol {width: 230px!important;margin-left:15px;border: 1px solid #333;zoom:1; } I tried decalaring 'zoom:1' in #content wrapper, no help either. Ingo Chao has a solution but I still can't get it work :-( http://www.satzansatz.de/cssd/ie7b2_prscrollbar.html Hi Tee, Try: html {overflow-x:hidden;} -- Regards, Thierry | http://www.TJKDesign.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***