Turtle recently captured this moment of pure bliss.
The senses consume. The mind digests. The blog expels.
Certain individuals keep telling me that I should be a writer (Hi Mom). This is probably as close as I'll ever come to making that happen.
body element, which contains a centered div with the id content.<body>My CSS code sets a static width of 500px for this block, gives it a white background, and centers it horizontally in
<div id="wrap">
<div id="content">
<div id="timestamp">Updated 09.25.2007!</div>
<div id="copyright">Copyright © 2007</div>
</div>
</div>
</body>
body. The body has a 1008px x 3px background image that repeats on the y-axis and is centered horizontally. The content div's left and right edges align with the left and right edges of the background's gold "box".divs: timestamp and copyright. I want timestamp to appear in italics and line up to the right, so I apply font-style:italic and float:right to it. The complete CSS looks like this:body {
background: #000 url("bg-test.gif") repeat-y center top;
font:normal normal x-small "Trebuchet MS",Arial,Helvetica,sans-serif;
margin:0; padding:0;
/* IE hacks follow */
text-align:center;
font-size/* */:/**/small;
font-size/**/:small;
}
#wrap {
width:500px;
margin:1em auto;
background-color:#fff;
text-align:left;
}
#content {
margin:0;
}
#copyright {
background-color:skyblue;
}
#timestamp {
background-color:pink;
font-style:italic;
float:right;
}In most browsers (yes, even IE 6), this renders like the following screenshot:
content div remains centered, but body's background image position has shifted toward the right.
timestamp div. Unfortunately, none of the usual tricks for correcting IE's float bugs had any effect.timestamp text, in an attempt to reduce the code to the bare minimum required to reproduce the problem. Which went away. I put italics back, and it returned. This reminded me of an article I'd seen on PIE, which described a bug in the way that IE handles widths for italicized text. It didn't seem to directly address the background image problem, but it led me to experiment with setting an explicit width for the floated timestamp div.width:10em, which is large enough to accomodate the timestamp text and, because it's in em-units, will expand if the viewer increases the browser's default text size. Then, to make the date text align as far to the right as possible, I set text-align:right.
In previous postings, I've mentioned that I've become the caretaker of various family treasures, sometimes under mild protest. At an early age, I had it drilled into me that "It's impolite to beg" and, as a result, I've always been reticent about accepting my aging relatives' possessions. At least, that's part of it. Another reason is that I feel that I'm somehow hastening their departure from this world by allowing them to give away their stuff. I know: illogical.
Through The Simpsons' eighteen-year history, we've seen lots of guest celebrities reduced to two dimensions. I've always wondered how I'd look with yellow skin and googly eyes... and now I know.
As part of the non-stop hype for the recently-released Simpsons movie, Burger King has put together a web site where you can upload a picture of yourself, answer a few non-personal questions, and see what the analyzer thinks you'd look like as a cartoon character from the Simpsons. I was frankly surprised by how well this worked.
You can try too. www.simpsonizeme.com

This morning, at the end of this week's obligatory commute to the office, I turned in to the driveway and was accosted by the biggest ho...