Re: [WSG] Proper IE Hacks
Wayne, It *is* confusing. But, yes, a separate stylesheet, loaded via conditional comments is the most future proof method. Not exactly what Phillipe is describing, but along the same lines. Perhaps this will help get you going: http://phonophunk.phreakin.com/news/?p=46 Cheers, Mike ** 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] Proper IE Hacks
Hi All, The tips and advice here is really fantastic. Highly appreciated. I have a problem with a submenu that works by altering the z-index. I have used the following hack which I'm not entirely happy with. Can someone suggest something better? #submenu a:hover { z-index: 20; z-index: expression(body.z-index 20); /* invalid css: IE fix */ } Regards, Stuart Sherwood ** 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] Proper IE Hacks
Yes... I know what your talking about. Here is the javascript to get it working if you have a element with ID of nav startList = function() { if (document.alldocument.getElementById) { navRoot = document.getElementById(nav); for (i=0; inavRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName==LI) { node.onmouseover=function() { this.className+= over; } node.onmouseout=function() { this.className=this.className.replace ( over, ); } } } } } window.onload=startList; This comes from http://www.alistapart.com/articles/horizdropdowns/ Read that. Buddy Quaid http://www.tangerinefiles.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Stuart Sherwood Sent: Tuesday, August 09, 2005 8:18 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Proper IE Hacks Hi All, The tips and advice here is really fantastic. Highly appreciated. I have a problem with a submenu that works by altering the z-index. I have used the following hack which I'm not entirely happy with. Can someone suggest something better? #submenu a:hover { z-index: 20; z-index: expression(body.z-index 20); /* invalid css: IE fix */ } Regards, Stuart Sherwood ** 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] Proper IE Hacks
Stuart Sherwood wrote: Hi All, The tips and advice here is really fantastic. Highly appreciated. I have a problem with a submenu that works by altering the z-index. I have used the following hack which I'm not entirely happy with. Can someone suggest something better? #submenu a:hover { z-index: 20; z-index: expression(body.z-index 20); /* invalid css: IE fix */ } Regards, Stuart Sherwood I have no idea how to make it better. If it works as intended, and your goal is to hide it from the validator and respectable browsers, you might use 'conditional comments.' !--[if lte IE 6] style type=text/css z-index: expression(body.z-index 20); /style ![endif]-- Regards, David Laakso -- David Laakso http://www.dlaakso.com/ ** 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] Proper IE Hacks
Wayne Godfrey wrote: I feel a bit dumb asking this, but there's so much to learn and some things sink in better than others! Anyway, I've had to do some hacks to get IE to display my site correctly. Now those hacks are causing my CSS to not validate. The question is what is the proper way to fix this predicament? [...] Wayne Godfrey [EMAIL PROTECTED] One method is to feed styles to good browsers in the usual manner; and feed ie its styles using 'conditional comments.' The good guys get everything but the hacks: style.css link rel=stylesheet href=style.css type=text/css / The evil one gets only the hacks: style-ie.css (note the re-name for this ie file). !--[if lte IE 6] link rel=stylesheet href=style-ie.css type=text/css / ![endif]-- The validator will not see or choke on the 'conditional comments' so you'll validate; and you are good to go when IE7 hits the street. Regards, David Laakso -- David Laakso http://www.dlaakso.com/ ** 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] Proper IE Hacks
When using these filters, be careful - IE7 is coming... -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com ** 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] Proper IE Hacks
I use a very simple rule that will allow for CSS validation... Its the * html selector IE thinks there's an extra element outside the HTML element...as we know there isn't. what this means is we can exploit it for our IE hack. Have a look at the example: #wrapper { /* all browsers other than IE */ width: 300px; padding: 0 5px; } * html #wrapper { /* ignored by everthing but IE */ width: 310px; } I find this the easiest and most simple to keep track of. HTH D On 8/9/05, David Laakso [EMAIL PROTECTED] wrote: Wayne Godfrey wrote: I feel a bit dumb asking this, but there's so much to learn and some things sink in better than others! Anyway, I've had to do some hacks to get IE to display my site correctly. Now those hacks are causing my CSS to not validate. The question is what is the proper way to fix this predicament? [...] Wayne Godfrey [EMAIL PROTECTED] One method is to feed styles to good browsers in the usual manner; and feed ie its styles using 'conditional comments.' The good guys get everything but the hacks: style.css link rel=stylesheet href=style.css type=text/css / The evil one gets only the hacks: style-ie.css (note the re-name for this ie file). !--[if lte IE 6] link rel=stylesheet href=style-ie.css type=text/css / ![endif]-- The validator will not see or choke on the 'conditional comments' so you'll validate; and you are good to go when IE7 hits the street. Regards, David Laakso -- David Laakso http://www.dlaakso.com/ ** 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] Proper IE Hacks
So my brain has made this entirely too complicated, huh? Can't imagine that! I'm using an @import rule, so my good style sheet would remain the same (sans IE hacks) and I can put only the IE hacks in a file with the conditional comments around it, is that correct? That's so simple. Thanks David, you saved my butt again! wayne Wayne Godfrey [EMAIL PROTECTED] On Aug 8, 2005, at 6:57 PM, David Laakso wrote: Wayne Godfrey wrote: I feel a bit dumb asking this, but there's so much to learn and some things sink in better than others! Anyway, I've had to do some hacks to get IE to display my site correctly. Now those hacks are causing my CSS to not validate. The question is what is the proper way to fix this predicament? [...] Wayne Godfrey [EMAIL PROTECTED] One method is to feed styles to good browsers in the usual manner; and feed ie its styles using 'conditional comments.' The good guys get everything but the hacks: style.css link rel=stylesheet href=style.css type=text/css / The evil one gets only the hacks: style-ie.css (note the re-name for this ie file). !--[if lte IE 6] link rel=stylesheet href=style-ie.css type=text/css / ![endif]-- The validator will not see or choke on the 'conditional comments' so you'll validate; and you are good to go when IE7 hits the street. Regards, David Laakso -- David Laakso http://www.dlaakso.com/ ** 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] Proper IE Hacks
From: Jan Brasna [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Monday, August 08, 2005 7:13 PM Subject: Re: [WSG] Proper IE Hacks When using these filters, be careful - IE7 is coming... Wise words. Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. ** 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] Proper IE Hacks
Hi Al I didn't realize you were on the list. Your web site and coding was an inspiration to me when I first switched to CSS and standards-based design. Thanks Ted www.tdrake.net -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Al Sparber Sent: Monday, August 08, 2005 4:23 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Proper IE Hacks From: Jan Brasna [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Monday, August 08, 2005 7:13 PM Subject: Re: [WSG] Proper IE Hacks When using these filters, be careful - IE7 is coming... Wise words. Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. ** 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] Proper IE Hacks
[sniff] You're not alone, Ted. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Drake, Ted C. Sent: Tuesday, 9 August 2005 9:34 AM To: 'wsg@webstandardsgroup.org' Subject: RE: [WSG] Proper IE Hacks Hi Al I didn't realize you were on the list. Your web site and coding was an inspiration to me when I first switched to CSS and standards-based design. Thanks Ted www.tdrake.net -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Al Sparber Sent: Monday, August 08, 2005 4:23 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Proper IE Hacks From: Jan Brasna [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Monday, August 08, 2005 7:13 PM Subject: Re: [WSG] Proper IE Hacks When using these filters, be careful - IE7 is coming... Wise words. Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. ** 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 ** ** 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] Proper IE Hacks
From: Webmaster [EMAIL PROTECTED] [sniff] You're not alone, Ted. From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Drake, Ted C. Hi Al I didn't realize you were on the list. Your web site and coding was an inspiration to me when I first switched to CSS and standards-based design. Thanks fellas. That's about the warmest welcome I could hope for. -- Al ** 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] Proper IE Hacks
Darren Wood wrote: I use a very simple rule that will allow for CSS validation... Its the * html selector As a side note: - Conditional Comments are IE/Win only (= v5), - the star selector hack works with IE/Mac too. Thierry | www.TJKDesign.com ** 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] Proper IE Hacks
On 9 Aug 2005, at 11:19 am, Wayne Godfrey wrote: Wouldn't IE for Mac also be influenced by the hacks below? body.index #main { margin-left: 250px; _margin-left: 245px; /* IE hack */ margin-right: 15px; _margin-right: 10px; /* IE hack */ background-color: transparent; } IE 5.0 Mac does indeed read the underscore hack in some cases. Later releases (5.1, 5.2) ignore it. The testing I've done on IE Mac seems to be holding most everything properly, other than a couple of floats adding space below, which I expected. Does this make the consensus to use David's method: a separate style sheet for IE? IE confuses the ever-living out of me! It *is* confusing. But, yes, a separate stylesheet, loaded via conditional comments is the most future proof method. Most known IE hacks have been well tested by know for IE 6 and older. Nobody knows yet what the final release of IE 7 will do. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **