Comments on: Common CSS Hacks http://www.robinsblog.com/03162005/common-css-hacks/ Resources for Web Development Students Fri, 25 Dec 2009 23:51:48 +0000 hourly 1 http://wordpress.org/?v=3.0 By: Take My Advice - I’m Not Using It! » Blog Archive » More CSS - Resetting Margins http://www.robinsblog.com/03162005/common-css-hacks/comment-page-1/#comment-83 Take My Advice - I’m Not Using It! » Blog Archive » More CSS - Resetting Margins Tue, 10 May 2005 19:07:37 +0000 http://www.robinsblog.com/?p=41#comment-83 [...] inconsistency in class and on the blog. I will point you to a couple of archive posts: Common CSS Hacks CSS Tips from Mani If you read the above articles you may realize that resetting all margins an [...] [...] inconsistency in class and on the blog. I will point you to a couple of archive posts: Common CSS Hacks CSS Tips from Mani If you read the above articles you may realize that resetting all margins an [...]

]]> By: Take My Advice - I’m Not Using It! » Blog Archive » CSS Tips and Tricks - Site in an Hour http://www.robinsblog.com/03162005/common-css-hacks/comment-page-1/#comment-15 Take My Advice - I’m Not Using It! » Blog Archive » CSS Tips and Tricks - Site in an Hour Tue, 22 Mar 2005 20:46:41 +0000 http://www.robinsblog.com/?p=41#comment-15 [...] in an Hour When Andrew Krespanis of leftjustified.net stopped by this blog and left us some tips I was so darn excited. What a nice thing to do! So I ventured back over to his site, which I& [...] [...] in an Hour When Andrew Krespanis of leftjustified.net stopped by this blog and left us some tips I was so darn excited. What a nice thing to do! So I ventured back over to his site, which I& [...]

]]> By: Andrew Krespanis http://www.robinsblog.com/03162005/common-css-hacks/comment-page-1/#comment-12 Andrew Krespanis Mon, 21 Mar 2005 22:26:14 +0000 http://www.robinsblog.com/?p=41#comment-12 Nice resource you're building up here, I hope your students appreciate it! A quick note on using the child selector ('>') as a hack -- BE CAREFUL! The child selector is one thing that is very likely to gain support in the next version of IE. If it does get supported, but the box model/calculation problems remain, your site will break. I prefer to pick on IE alone using this rule: <code> #layer1 { position: absolute; top: 95px; } * html body #layer1 { top: 105px; } </code> That is still valid, but uses a bug in IE to set the declaration. Much the same, more a case of preference I suppose. If you want to target IE/pc, but not IE/mac, you would change the above declaration to the following: <code> /* IEmac hiding hack \*/ * html body #layer1 { top: 105px; } /* end Ie mac hack */ </code> Nice resource you’re building up here, I hope your students appreciate it!
A quick note on using the child selector (‘>’) as a hack — BE CAREFUL!
The child selector is one thing that is very likely to gain support in the next version of IE. If it does get supported, but the box model/calculation problems remain, your site will break.

I prefer to pick on IE alone using this rule:

#layer1 {
position: absolute;
top: 95px;
}

* html body #layer1 {
top: 105px;
}

That is still valid, but uses a bug in IE to set the declaration. Much the same, more a case of preference I suppose.

If you want to target IE/pc, but not IE/mac, you would change the above declaration to the following:

/* IEmac hiding hack \*/
* html body #layer1 {
top: 105px;
}
/* end Ie mac hack */

]]>