Re: [WSG] Rendering mismatch in IE6 and IE7

2010-03-04 Thread David Hucklesby

On 3/3/10 9:47 PM, Chakravarthy, Srikanth wrote:
[...]


Now is there any way I can identify what CSS properties are not
behaving properly in IE6? Is there any way that I can make the pages
compatible with IE6?



Any reference link or suggestion will be of immense help.



The first thing to realize is that IE 6 has partial support for CSS 1,
while IE 7 introduced some support for CSS 2, particularly the extended
selectors. You may find the Sitepoint CSS reference useful for seeing
which selectors and properties IE 6 actually supports:

  http://reference.sitepoint.com/css

Doubtless you have heard complaints about the colorful bugs with which
this 8+ year old browser is so well endowed. The bugs are quite well
documented, but tend to pop up in unexpected places. As Thierry has
already suggested, asking a specific question about a publicly available
page will likely provide you with better answers than mine.

Cordially,
David
--


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***



Re: [WSG] Rendering mismatch in IE6 and IE7

2010-03-04 Thread Jon @ The PixelForge
In addition to other advice, you may find that starting with a blank
css sheet and adding in each instruction one by one, and seeing how
each has an effect on the content. Ok, seems obvious, but this will a)
provide you with information on how each instruction is working,
either adversely or by design b) enabling you to learn more how and
why certain bugs appear, speeding up development and debugging in
future projects and c) can provide insight to redundant instructions,
again speeding up future dev and debug time. As much of a PIA as this
may seem, it can be quite interesting, and considering you've already
written the css, it needn't take long.

Admittedly, mostly obvious and I apologise if anything appears
condescending - that is most certainly not my intent. I just think its
worth bearing in mind some good old fashioned detective work can work
wonders. In addition, to add weight to others suggestions, using
browser specific debugging tools in conjunction with this approach has
saved me time (and hair!) in the past.

Regards,

Jon Warner




On Thu, Mar 4, 2010 at 5:42 PM, David Hucklesby huckle...@gmail.com wrote:
 On 3/3/10 9:47 PM, Chakravarthy, Srikanth wrote:
 [...]

 Now is there any way I can identify what CSS properties are not
 behaving properly in IE6? Is there any way that I can make the pages
 compatible with IE6?



 Any reference link or suggestion will be of immense help.


 The first thing to realize is that IE 6 has partial support for CSS 1,
 while IE 7 introduced some support for CSS 2, particularly the extended
 selectors. You may find the Sitepoint CSS reference useful for seeing
 which selectors and properties IE 6 actually supports:

  http://reference.sitepoint.com/css

 Doubtless you have heard complaints about the colorful bugs with which
 this 8+ year old browser is so well endowed. The bugs are quite well
 documented, but tend to pop up in unexpected places. As Thierry has
 already suggested, asking a specific question about a publicly available
 page will likely provide you with better answers than mine.

 Cordially,
 David
 --


 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: memberh...@webstandardsgroup.org
 ***




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***



RE: [WSG] Rendering mismatch in IE6 and IE7

2010-03-04 Thread Chakravarthy, Srikanth
Hi,

Thanks for all the inputs.

I will not be able to provide a link to the page.
I will definitely take all your advice and try sorting out the properties that 
do not work with IE6.

Thanks
Srikanth

-Original Message-
From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On 
Behalf Of Jon @ The PixelForge
Sent: Friday, March 05, 2010 3:40 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Rendering mismatch in IE6 and IE7

In addition to other advice, you may find that starting with a blank
css sheet and adding in each instruction one by one, and seeing how
each has an effect on the content. Ok, seems obvious, but this will a)
provide you with information on how each instruction is working,
either adversely or by design b) enabling you to learn more how and
why certain bugs appear, speeding up development and debugging in
future projects and c) can provide insight to redundant instructions,
again speeding up future dev and debug time. As much of a PIA as this
may seem, it can be quite interesting, and considering you've already
written the css, it needn't take long.

Admittedly, mostly obvious and I apologise if anything appears
condescending - that is most certainly not my intent. I just think its
worth bearing in mind some good old fashioned detective work can work
wonders. In addition, to add weight to others suggestions, using
browser specific debugging tools in conjunction with this approach has
saved me time (and hair!) in the past.

Regards,

Jon Warner




On Thu, Mar 4, 2010 at 5:42 PM, David Hucklesby huckle...@gmail.com wrote:
 On 3/3/10 9:47 PM, Chakravarthy, Srikanth wrote:
 [...]

 Now is there any way I can identify what CSS properties are not
 behaving properly in IE6? Is there any way that I can make the pages
 compatible with IE6?



 Any reference link or suggestion will be of immense help.


 The first thing to realize is that IE 6 has partial support for CSS 1,
 while IE 7 introduced some support for CSS 2, particularly the extended
 selectors. You may find the Sitepoint CSS reference useful for seeing
 which selectors and properties IE 6 actually supports:

  http://reference.sitepoint.com/css

 Doubtless you have heard complaints about the colorful bugs with which
 this 8+ year old browser is so well endowed. The bugs are quite well
 documented, but tend to pop up in unexpected places. As Thierry has
 already suggested, asking a specific question about a publicly available
 page will likely provide you with better answers than mine.

 Cordially,
 David
 --


 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: memberh...@webstandardsgroup.org
 ***




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***



Misys is the trade name for Misys plc (registered in England and Wales). 
Registration Number: 01360027. Registered office: One Kingdom Street, London W2 
6BL, United Kingdom. For a list of Misys group operating companies please go to 
http://www.misys.com/corp/About_Us/misys_operating_companies.html. This email 
and any attachments have been scanned for known viruses using multiple 
scanners. This email message is intended for the named recipient only. It may 
be privileged and/or confidential. If you are not the named recipient of this 
email please notify us immediately and do not copy it or use it for any 
purpose, nor disclose its contents to any other person. This email does not 
constitute the commencement of legal relations between you and Misys plc. 
Please refer to the executed contract between you and the relevant member of 
the Misys group for the identity of the contracting party with which you are 
dealing. 


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***



[WSG] Rendering mismatch in IE6 and IE7

2010-03-03 Thread Chakravarthy, Srikanth
Hi,

 

I am working on a project that uses JSF with Richfaces and Ajax4jsf.

 

All the pages were developed using IE7.0 and they appear properly on it.
The same page is rendered a bit differently on the other browsers such
as Firefox, Chrome. But the discrepancy is only w.r.t to the borders
that are inherited.

 

During development, I had referred to certain sites suggested on this
forum too and was convinced that IE6 had some glaring bugs in rendering
using CSS properties and IE7 is the way forward.

 

Now due to some constraints, we need to make these pages compatible with
IE6. Here comes the trouble. The controls on the pages are not in the
expected places. The panels sit on top of one another and other such
mismatches.

Now is there any way I can identify what CSS properties are not behaving
properly in IE6? Is there any way that I can make the pages compatible
with IE6?

 

Any reference link or suggestion will be of immense help.

 

Thanks and Regards,

Srikanth



Misys is the trade name for Misys plc (registered in England and Wales). 
Registration Number: 01360027. Registered office: One Kingdom Street, London W2 
6BL, United Kingdom. For a list of Misys group operating companies please go to 
http://www.misys.com/corp/About_Us/misys_operating_companies.html. This email 
and any attachments have been scanned for known viruses using multiple 
scanners. This email message is intended for the named recipient only. It may 
be privileged and/or confidential. If you are not the named recipient of this 
email please notify us immediately and do not copy it or use it for any 
purpose, nor disclose its contents to any other person. This email does not 
constitute the commencement of legal relations between you and Misys plc. 
Please refer to the executed contract between you and the relevant member of 
the Misys group for the identity of the contracting party with which you are 
dealing. 


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***


RE: [WSG] Rendering mismatch in IE6 and IE7

2010-03-03 Thread Thierry Koblentz
 I am working on a project that uses JSF with Richfaces and Ajax4jsf.

 All the pages were developed using IE7.0 and they appear properly on it. 
 The same page is rendered a bit differently on the other browsers such as
Firefox, 
 Chrome. But the discrepancy is only w.r.t to the borders that are
inherited.

 During development, I had referred to certain sites suggested on this
forum too and
 was convinced that IE6 had some glaring bugs in rendering using CSS
properties and
 IE7 is the way forward.

 Now due to some constraints, we need to make these pages compatible with
IE6. Here
 comes the trouble. The controls on the pages are not in the expected
places. The panels 
 sit on top of one another and other such mismatches.
 Now is there any way I can identify what CSS properties are not behaving
properly in IE6? 

Do you have IE6 with the dev toolbar installed? That would help you debug
the issues.

 Is there any way that I can make the pages compatible with IE6?

Can you post a link to your page?


--
Regards,
Thierry 
www.tjkdesign.com | articles and tutorials 
www.ez-css.org | ultra light CSS framework






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***