Re: [WSG] mysterious little movement

2005-01-20 Thread IChao
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

2005-01-20 Thread Andreas Boehmer [Addictive Media]
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

2005-01-19 Thread IChao
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

2005-01-19 Thread Andreas Boehmer [Addictive Media]
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

2005-01-19 Thread Andreas Boehmer
 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

2005-01-19 Thread Andreas Boehmer
  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
**