Re: [WSG] mysterious little movement
Looks like you've fixed it. Forcing buggy IE to show at least 250px of canvas seems to do the trick, fine. Opera gives the body a padding, you might add padding:0 to body{} to align the little white triangles/rounded corners. Ingo ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] mysterious little movement
Danke, Ingo! Thanks. -Original Message- From: IChao [mailto:[EMAIL PROTECTED] Sent: Thursday, 20 January 2005 8:46 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] mysterious little movement Looks like you've fixed it. Forcing buggy IE to show at least 250px of canvas seems to do the trick, fine. Opera gives the body a padding, you might add padding:0 to body{} to align the little white triangles/rounded corners. Ingo ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] mysterious little movement
Andreas Boehmer wrote: If you look in IE/PC at http://dev.rmittestlab.com/ you will notice that there is a little blue space under the Services heading. You are experiencing The IE Three Pixel Text-Jog described in http://www.positioniseverything.net/explorer/threepxtest.html The floating #leftNav induces a 3px Text-Jog in #content_right 1) Add the Holly Hack to #content_right. Now, we are experiencing another IE bug: #leftNav li li a:hover induces a gray box (100% width) near the bottom of #mainContent: 2) Add the Holly Hack to h1. ( looks like your layout is a scenario for more IE bugs: If you'd apply only fix 2), the html-comments before/after h1 would induce duplicating characters, see http://www.positioniseverything.net/explorer/dup-characters.html and the #content_right looses its background ... better close this). I think your layout would become more IE-stable with floating #content_right instead of positioning it with margin-left. Ingo Chao ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] mysterious little movement
Aha! I will give it a try. I just couldn't find a solution for it. Thanks, man. The design of this page was so full of little details that it ended up being quite a mix of css and DIVs. I'll follow your recommendation on the float:right as well. Cheers. -Original Message- From: IChao [mailto:[EMAIL PROTECTED] Sent: Wednesday, 19 January 2005 11:27 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] mysterious little movement Andreas Boehmer wrote: If you look in IE/PC at http://dev.rmittestlab.com/ you will notice that there is a little blue space under the Services heading. You are experiencing The IE Three Pixel Text-Jog described in http://www.positioniseverything.net/explorer/threepxtest.html The floating #leftNav induces a 3px Text-Jog in #content_right 1) Add the Holly Hack to #content_right. Now, we are experiencing another IE bug: #leftNav li li a:hover induces a gray box (100% width) near the bottom of #mainContent: 2) Add the Holly Hack to h1. ( looks like your layout is a scenario for more IE bugs: If you'd apply only fix 2), the html-comments before/after h1 would induce duplicating characters, see http://www.positioniseverything.net/explorer/dup-characters.html and the #content_right looses its background ... better close this). I think your layout would become more IE-stable with floating #content_right instead of positioning it with margin-left. Ingo Chao ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] mysterious little movement
Andreas Boehmer wrote: If you look in IE/PC at http://dev.rmittestlab.com/ you will notice that there is a little blue space under the Services heading. You are experiencing The IE Three Pixel Text-Jog described in http://www.positioniseverything.net/explorer/threepxtest.html I have applied the hack to it as you suggested and it works fine. Thanks again! I think your layout would become more IE-stable with floating #content_right instead of positioning it with margin-left. The reason I didn't give it a float is because I can't assign a width to it. There is no fixed or relative width I could give it - #content_right always takes up [width of window]-180px. What problems do you see with the current solution? I tested it in most browsers (Mac PC) and haven't seen any problems so far (other than the 3px bug of course). ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] mysterious little movement
Andreas Boehmer wrote: If you look in IE/PC at http://dev.rmittestlab.com/ you will notice that there is a little blue space under the Services heading. You are experiencing The IE Three Pixel Text-Jog described in http://www.positioniseverything.net/explorer/threepxtest.html I have applied the hack to it as you suggested and it works fine. Thanks again! Now, we are experiencing another IE bug: #leftNav li li a:hover induces a gray box (100% width) near the bottom of #mainContent: 2) Add the Holly Hack to h1. Ahrg, the problem with the grey box you mentioned - I can't seem to get rid of it. I applied the hack to h1 as you suggested, but it won't fix it. On rollover the box still shows up. It sounded like you managed to get rid of it? Was there anything else you did to fix it? Thanks heaps. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **