the laboratory
blog-A-rific!
video

Hilarious Steve Ballmer video with the infamous Developers, Developers song.


check out this dancing citroen. It's amazing what can be done with CGI nowadays.
If they can make a commercial like this, a live-action transformers movie might be good.


Tom Cruise has turned to the darkside and attacked Oprah with force ligthning.
wait, does that make him a good guy or bad guy?

the lab: cross-browser css variable height

Example 1

divWithHeight is assigned height: 200px;
in Mozilla Based Browsers this means that the height will be 200px no matter how short or long the content of the containging div is. This is correct behavior.
in IE, the div will expand or grow taller when the content of the div grows beyond the 200px;
view this page in Firefox and IE for comparison.

Example 2

divWithHeight is assigned min-height: 200px;
in Firefox this means that the height will be 200px no matter how short the content is, but will expand to accomodate overflow.
in IE, the div will only be as tall as the content contained within. IE does not recognize the min-height or min-width properties.
view this page in Firefox and IE for comparison.

Example 3

divWithHeight has min-height: 200px; and the Holly-hack is applied
The holly-hack is a little trick cooked up by Holly Bergevin of Position Is Everything.
IE is the only browser that recognizes this code: * html .hollyhack { width: 1%; } which allows us to set properties that only IE will use.
view this page in Firefox and IE for comparison.

Final Product

with the min-height and the hollyhack applied, we now have a div that will grow to accomodate content but still meet a minimum requirement for height.
view this page in Firefox and IE for comparison.

linkage
moblogs