Month: December 2008

Hacking IE CSS: Underscore, Box Model ‘Voice Family’, & Star hacks

CSS Hacks

Underscore Hack

/* CSS hack for IE 6 and below */
.test {
  position: fixed;
  _position: absolute;
}

Voice Family (Box Family or Tantek Hack)

/* CSS hack for IE 5.x */
.test {
  width: 500px;
  padding: 50px;
  voice-family: ""}"";
  voice-family: inherit;
  width: 400px;
}
html>body .test{
 width: 400px;
}

Backslash Hack

/* CSS hack for IE 5.5 and below */

.test {
  height: 500px;
  height: 400px;
}


Commented Backslash Hack


/* begin hiding from IE5 Mac */
.test {
  color: red;
}
/* end */



And then there’s:


/* apply ONLY to IE5 Mac *//*/
.test {
  color: red;
}
/* end */


High Pass Filter


/* CSS hack hides from browser which don't support @import */
  @import "null.css?"{";
  @import "highpass.css";









	


	







	

		
		
CSS Implementations of the Rich and Famous
	


	
	
	

		
CSS Implementations of the Rich and Famous


A great way to improve your CSS skills is to check out the stylesheets used by other websites. Digging behind the scenes and exploring some applied CSS provides new ideas and insights about everything from specificity and formatting to hacks and shortcuts. Learning CSS by reading about ideal cases and theoretical applications is certainly important, but actually seeing how the language is applied in “real-world” scenarios provides first-hand knowledge and insight. While there are millions of standards-based, CSS-designed websites to explore, studying a few of the Web’s elite players and CSS experts helps to put things into perspective by providing context for subsequent CSS investigations. Prime candidates include industry leaders, standards buffs, CSS specialists, professional bloggers, and other successful establishments. In this article, we reveal the CSS implementations used by the following “rich and famous” websites: