Sam Brown

#94 21st March 2005 at 3pm Article Leave a comment

As a follow up to my previous post, an article was posted yesterday CSS tips and tricks, Part2 I read the first Part last week which has some good basics for beginers. This Part had an area titled Giving Internet Explorer what it needs and here are the techniques best recommended:

Child Selector Hack – To hide from IE

1. html>body p {
2. declarations: here;
3. }
4.  
5. Download this code: /code/ie_childselector.txt

Star HTML Hack – To hide from all browsers but IE

1. * html p {
2. declarations: here;
3. }
4.  
5. Download this code: /code/ie_starhtmlhack.txt

Comment Backslash Hack – To hide from IE Mac

1. /* \*/
2. * html p {
3. declarations: here;
4. }
5. /* */
6.  
7. Download this code: /code/ie_commentbackslash.txt

IE Expressions – To send CSS to IE Only

1. <!--[if IE]>
2. <link rel="stylesheet" type="text/css" href="ieonly.css" />
3. <![endif]-->
4.  
5. Download this code: /code/ie_expression.txt

All having the uses, but for future updateability and ease of use when updating styles, it is a pain using hacks. So best avoid if you can!