<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>An interpreter&#039;s interpretation &#187; standards</title>
	<atom:link href="http://danielgreene.com/tag/standards/feed/" rel="self" type="application/rss+xml" />
	<link>http://danielgreene.com</link>
	<description>of interpreting ASL-English, Deaf-Hearing</description>
	<lastBuildDate>Wed, 15 Feb 2012 06:40:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='danielgreene.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://0.gravatar.com/blavatar/01b184bcb24dcec10256782527d24d42?s=96&#038;d=http%3A%2F%2Fs2.wp.com%2Fi%2Fbuttonw-com.png</url>
		<title>An interpreter&#039;s interpretation &#187; standards</title>
		<link>http://danielgreene.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://danielgreene.com/osd.xml" title="An interpreter&#039;s interpretation" />
	<atom:link rel='hub' href='http://danielgreene.com/?pushpress=hub'/>
		<item>
		<title>I want a Chromebook; in fact, I want a Chromephone. Easy on the OS, and hold the apps.</title>
		<link>http://danielgreene.com/2011/06/05/i-want-a-chromebook-in-fact-i-want-a-chromephone-easy-on-the-os-and-hold-the-apps/</link>
		<comments>http://danielgreene.com/2011/06/05/i-want-a-chromebook-in-fact-i-want-a-chromephone-easy-on-the-os-and-hold-the-apps/#comments</comments>
		<pubDate>Mon, 06 Jun 2011 06:00:00 +0000</pubDate>
		<dc:creator>Daniel Greene</dc:creator>
				<category><![CDATA[Communications & Media]]></category>
		<category><![CDATA[Consumer Reviews]]></category>
		<category><![CDATA[Writing for the Web]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[opinion]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[style sheets]]></category>
		<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">https://danielgreene.wordpress.com/2011/06/05/i-want-a-chromebook-in-fact-i-want-a-chromephone-easy-on-the-os-and-hold-the-apps/</guid>
		<description><![CDATA[The coming of the Chromebook&#8211;the web-only netbook that boots in less than ten seconds&#8211;has me thinking how nice it would be if my Android phone booted up in 10 seconds instead of 60. But if it did, it wouldn&#8217;t be an Android phone, would it? It would be a Chromephone, and that&#8217;s all right with [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=danielgreene.com&amp;blog=353710&amp;post=2884&amp;subd=danielgreene&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>The coming of the Chromebook&#8211;the web-only netbook that boots in less than ten seconds&#8211;has me thinking how nice it would be if my Android phone booted up in 10 seconds instead of 60. But if it did, it wouldn&#8217;t be an Android phone, would it? It would be a Chromephone, and that&#8217;s all right with me.</p>
<p>If the telephony could be worked out, I don&#8217;t see why a phone couldn&#8217;t be made to run on a thin, browser-like OS that accesses almost all its content on the Cloud. As HTML5 is helping web content become more app-like, and as more of users&#8217; content is stored online, there may soon be little need for onboard apps at all. We may be doing everything we need with Web apps. This may be the end of the OS as we know it. No more bloated platform-dependent apps. Microsoft never was a trailblazer, and Apple isn&#8217;t blazing trails anymore, either. Apple is announcing iCloud and OS X Lion tomorrow, and I&#8217;d say they&#8217;re just playing catch up. Microsoft say Windows 8 is going to have an HTML5 panel screen instead of a desktop, and by the time it comes out in a year or so, it will be as old news as Windows 95 = Mac 84.</p>
<p>As someone who embraced <a href="http://danielgreene.com/1996/08/01/features-of-good-web-design/" title="Features of Good Web Design">platform-independent Web development</a> before it was popular, I am thrilled to see that <a href="http://danielgreene.com/1996/08/01/style-sheets-demo-page/" title="Style Sheets Demo Page">HTML and CSS</a> have now taken us to the point where just about any app can be a Web app. Pretty soon, there won&#8217;t be a need for five different Facebook apps; there will just be Facebook as a web app anyone can use the same way on any device. You won&#8217;t have to wait for your favorite Website to come out with an app for your device&#8217;s operating system, because web standards and powerful web functionality will make the question of device and OS moot.</p>
<p>I&#8217;m already doing just about everything online with the Chrome browser now except for editing photos and videos and opening Office documents on my iMac. The only thing I do on my laptop other that the Net is Microsoft Office if I have to, and I&#8217;m already using that less as I use Google Docs more. I&#8217;m ready to move away from bloated software and over to something simple, fast, and standard. Chrome is the OS of today.</p>
<p><span class="post_sig">Posted from WordPress for Android</span></p>
<h3>Related Posts</h3>
<ul>
<li><a href="http://danielgreene.com/1996/08/01/features-of-good-web-design/" title="Features of Good Web Design">Features of Good Web Design</a>
</li>
<li><a href="http://danielgreene.com/1996/08/01/style-sheets-demo-page/" title="Style Sheets Demo Page">Style Sheets Demo Page</a></li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/danielgreene.wordpress.com/2884/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/danielgreene.wordpress.com/2884/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/danielgreene.wordpress.com/2884/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/danielgreene.wordpress.com/2884/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/danielgreene.wordpress.com/2884/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/danielgreene.wordpress.com/2884/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/danielgreene.wordpress.com/2884/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/danielgreene.wordpress.com/2884/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/danielgreene.wordpress.com/2884/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/danielgreene.wordpress.com/2884/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/danielgreene.wordpress.com/2884/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/danielgreene.wordpress.com/2884/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/danielgreene.wordpress.com/2884/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/danielgreene.wordpress.com/2884/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=danielgreene.com&amp;blog=353710&amp;post=2884&amp;subd=danielgreene&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://danielgreene.com/2011/06/05/i-want-a-chromebook-in-fact-i-want-a-chromephone-easy-on-the-os-and-hold-the-apps/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<georss:point>34.272871 -111.318872</georss:point>
		<geo:lat>34.272871</geo:lat>
		<geo:long>-111.318872</geo:long>
		<media:content url="http://1.gravatar.com/avatar/51bbe30b51c978d1e83273770ded38be?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Daniel</media:title>
		</media:content>
	</item>
		<item>
		<title>Me Singing &quot;I Concentrate on You&quot;</title>
		<link>http://danielgreene.com/2009/05/05/me-singing-i-concentrate-on-you/</link>
		<comments>http://danielgreene.com/2009/05/05/me-singing-i-concentrate-on-you/#comments</comments>
		<pubDate>Wed, 06 May 2009 05:25:30 +0000</pubDate>
		<dc:creator>Daniel Greene</dc:creator>
				<category><![CDATA[Performing Arts]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[captions]]></category>
		<category><![CDATA[closed-captioned]]></category>
		<category><![CDATA[closed-captioning]]></category>
		<category><![CDATA[me]]></category>
		<category><![CDATA[singing]]></category>
		<category><![CDATA[song]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[subtitles]]></category>
		<category><![CDATA[videos]]></category>

		<guid isPermaLink="false">http://danielgreene.com/2009/05/05/421/</guid>
		<description><![CDATA[This is me singing Cole Porter&#8217;s song &#8220;I Concentrate on You.&#8221; I used YouTube&#8217;s &#8220;Captions and Subtitles&#8221; feature to upload a subtitle file. I hand-coded the subtitle file in BBEdit using the subtitle (.sub) format. To view the video with captions, click the up-arrow button on the bottom-right corner of the screen and choose CC, [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=danielgreene.com&amp;blog=353710&amp;post=421&amp;subd=danielgreene&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<span style="text-align:center; display: block;"><a href="http://danielgreene.com/2009/05/05/me-singing-i-concentrate-on-you/"><img src="http://img.youtube.com/vi/8arGW3r19wU/2.jpg" alt="" /></a></span>
<p>This is me singing Cole Porter&#8217;s song &#8220;I Concentrate on You.&#8221; I used YouTube&#8217;s &#8220;Captions and Subtitles&#8221; feature to upload a subtitle file. I hand-coded the subtitle file in BBEdit using the subtitle (.sub) format. To view the video with captions, click the up-arrow button on the bottom-right corner of the screen and choose CC, English: English captions.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/danielgreene.wordpress.com/421/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/danielgreene.wordpress.com/421/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/danielgreene.wordpress.com/421/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/danielgreene.wordpress.com/421/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/danielgreene.wordpress.com/421/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/danielgreene.wordpress.com/421/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/danielgreene.wordpress.com/421/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/danielgreene.wordpress.com/421/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/danielgreene.wordpress.com/421/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/danielgreene.wordpress.com/421/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/danielgreene.wordpress.com/421/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/danielgreene.wordpress.com/421/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/danielgreene.wordpress.com/421/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/danielgreene.wordpress.com/421/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=danielgreene.com&amp;blog=353710&amp;post=421&amp;subd=danielgreene&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://danielgreene.com/2009/05/05/me-singing-i-concentrate-on-you/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/51bbe30b51c978d1e83273770ded38be?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Daniel</media:title>
		</media:content>
	</item>
		<item>
		<title>CSS Font Properties Test</title>
		<link>http://danielgreene.com/1998/02/01/css-font-properties-test/</link>
		<comments>http://danielgreene.com/1998/02/01/css-font-properties-test/#comments</comments>
		<pubDate>Sun, 01 Feb 1998 19:00:21 +0000</pubDate>
		<dc:creator>Daniel Greene</dc:creator>
				<category><![CDATA[Writing for the Web]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[formatting]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[Web browsers]]></category>

		<guid isPermaLink="false">http://danielgreene.wordpress.com/?p=1010</guid>
		<description><![CDATA[[This page resided at http://danielgreene.com/fontprop.html from 1998–2010.] A Demonstration of CSS Font Properties Property Value Display in Your Browser Property Value Display in Your Browser font-family serif The quick brown fox jumps over the lazy dog. sans-serif The quick brown fox jumps over the lazy dog. cursive The quick brown fox jumps over the lazy [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=danielgreene.com&amp;blog=353710&amp;post=1010&amp;subd=danielgreene&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>[<ins datetime="2010-07-01T02:24:22+00:00">This page resided at http://danielgreene.com/fontprop.html from 1998–2010.</ins>]</p>
<h2>A Demonstration of CSS Font Properties</h2>
<table style="width:100%;text-align:left;border:hidden;border-collapse:collapse;padding:10px;">
<col style="background:#CFC;vertical-align:top;" width="10%" />
<col style="background:#CFF;vertical-align:middle;" width="10%" />
<col style="background:#FCF;vertical-align:middle;" width="80%" />
<thead>
<tr>
<th>Property</th>
<th>Value</th>
<th>Display in Your Browser</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Property</th>
<th>Value</th>
<th>Display in Your Browser</th>
</tr>
</tfoot>
<tbody>
<tr>
<td rowspan="5">font-family</td>
<td>serif</td>
<td style="font-family:serif;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>sans-serif</td>
<td style="font-family:sans-serif;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>cursive</td>
<td style="font-family:cursive;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>fantasy</td>
<td style="font-family:fantasy;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>monospace</td>
<td style="font-family:monospace;">The quick brown fox jumps over the lazy dog.</td>
</tr>
</tbody>
<tbody>
<tr>
<td rowspan="3">font-style</td>
<td>normal</td>
<td style="font-style:normal;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>italic</td>
<td style="font-style:italic;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>oblique</td>
<td style="font-style:oblique;">The quick brown fox jumps over the lazy dog.</td>
</tr>
</tbody>
<tbody>
<tr>
<td rowspan="2">font-variant</td>
<td>normal</td>
<td style="font-variant:normal;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>small-caps</td>
<td style="font-variant:small-caps;">The quick brown fox jumps over the lazy dog.</td>
</tr>
</tbody>
<tbody>
<tr>
<td rowspan="13">font-weight</td>
<td>normal</td>
<td style="font-weight:normal;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>bold</td>
<td style="font-weight:bold;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>bolder</td>
<td style="font-weight:bolder;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>lighter</td>
<td style="font-weight:lighter;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>100</td>
<td style="font-weight:100;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>200</td>
<td style="font-weight:200;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>300</td>
<td style="font-weight:300;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>400</td>
<td style="font-weight:400;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>500</td>
<td style="font-weight:500;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>600</td>
<td style="font-weight:600;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>700</td>
<td style="font-weight:700;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>800</td>
<td style="font-weight:800;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>900</td>
<td style="font-weight:900;">The quick brown fox jumps over the lazy dog.</td>
</tr>
</tbody>
<tbody>
<tr>
<td rowspan="7">font-size<br />&lt;absolute-size&gt;</td>
<td>xx-small</td>
<td style="font-size:xx-small;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>x-small</td>
<td style="font-size:x-small;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>small</td>
<td style="font-size:small;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>medium</td>
<td style="font-size:medium;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>large</td>
<td style="font-size:large;">The quick brown fox jumps…</td>
</tr>
<tr>
<td>x-large</td>
<td style="font-size:x-large;">The quick brown fox…</td>
</tr>
<tr>
<td>xx-large</td>
<td style="font-size:xx-large;">The quick brown…</td>
</tr>
</tbody>
<tbody>
<tr>
<td rowspan="2">font-size<br />&lt;relative-size&gt;</td>
<td>larger</td>
<td style="font-size:larger;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>smaller</td>
<td style="font-size:smaller;">The quick brown fox jumps over the lazy dog.</td>
</tr>
</tbody>
<tbody>
<tr>
<td rowspan="7">font-size<br />&lt;length&gt;<br />(arbitrary<br />examples—<br />non-scalable<br />values)</td>
<td>12pt</td>
<td style="font-size:12pt;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>1pc</td>
<td style="font-size:1pc;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td style="padding-top:8pt;padding-bottom:8pt;">72pt</td>
<td style="font-size:72pt;padding-top:8pt;padding-bottom:8pt;">The…</td>
</tr>
<tr style="padding:1.2in;">
<td>1in</td>
<td style="font-size:1in;">The…</td>
</tr>
<tr>
<td>10mm</td>
<td style="font-size:10mm;">The quick…</td>
</tr>
<tr>
<td>1cm</td>
<td style="font-size:1cm;">The quick…</td>
</tr>
<tr>
<td>12px</td>
<td style="font-size:12px;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td rowspan="4">font-size<br />&lt;length&gt;<br />(arbitrary<br />examples—<br />scalable<br />values)</td>
<td>1em</td>
<td style="font-size:1em;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>1.2em</td>
<td style="font-size:1.2em;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>1ex</td>
<td style="font-size:1ex;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>1.2ex</td>
<td style="font-size:1.2ex;">The quick brown fox jumps over the lazy dog.</td>
</tr>
</tbody>
<tbody>
<tr>
<td rowspan="5">font-size<br />&lt;percentage&gt;<br />(arbitrary<br />examples)</td>
<td>100%</td>
<td style="font-size:100%;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>120%</td>
<td style="font-size:120%;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>150%</td>
<td style="font-size:150%;">The quick brown fox jumps over the lazy dog.</td>
</tr>
<tr>
<td>225%</td>
<td style="font-size:225%;">The quick brown…</td>
</tr>
<tr>
<td>338%</td>
<td style="font-size:338%;">The quick…</td>
</tr>
</tbody>
</table>
<h3 class="property">Using the Shorthand <code>font</code> Property <span id="more-1010"></span></h3>
<div style="color:Black;">
<div>
<p><code>{ <span style="background:#CFC;">font</span>: <span style="background:#CFF;">150% serif;</span> }</code></p>
<blockquote style="font:150% serif;background:#FCF;margin:5mm 1cm;padding:5mm;"><p>The quick brown fox jumps over the lazy dog.</p>
</blockquote>
</div>
<hr />
<div>
<p><code>{ <span style="background:#CFC;">font</span>: <span style="background:#CFF;">italic bold 100%/200% "Lucida Sans", Verdana, sans-serif;</span> }</code></p>
<blockquote style="font:italic bold 100%/200% 'Lucida Sans', Verdana, sans-serif;background:#FCF;margin:5mm 1cm;padding:5mm;"><p>The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. (Lines repeated to demonstrate the extra line-spacing, or “leading.”)</p>
</blockquote>
</div>
<hr />
<div>
<p><code>{ <span style="background:#CFC;">font</span>: <span style="background:#CFF;">normal small-caps large Braggadocio, "Broadway BT", fantasy;</span> }</code></p>
<blockquote style="font:normal small-caps large Braggadocio, 'Broadway BT', fantasy;background:#FCF;margin:5mm 1cm;padding:5mm;"><p>The quick brown fox jumps over the lazy dog.</p>
</blockquote>
</div>
<hr />
<div>
<p><code>{ <span style="background:#CFC;">font</span>: <span style="background:#CFF;">lighter x-large "Lucida Calligraphy", "Brush Script MT", "English 157 BT", cursive;</span> }</code></p>
<blockquote style="font:lighter x-large 'Lucida Calligraphy', 'Brush Script MT', 'English 157 BT', cursive;background:#FCF;vertical-align:middle;margin:5mm 1cm;padding:5mm;"><p>The quick brown fox jumps over the lazy dog.</p>
</blockquote>
</div>
</div>
<p>Daniel Greene first published this document in February 1998.</p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/danielgreene.wordpress.com/1010/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/danielgreene.wordpress.com/1010/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/danielgreene.wordpress.com/1010/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/danielgreene.wordpress.com/1010/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/danielgreene.wordpress.com/1010/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/danielgreene.wordpress.com/1010/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/danielgreene.wordpress.com/1010/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/danielgreene.wordpress.com/1010/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/danielgreene.wordpress.com/1010/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/danielgreene.wordpress.com/1010/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/danielgreene.wordpress.com/1010/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/danielgreene.wordpress.com/1010/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/danielgreene.wordpress.com/1010/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/danielgreene.wordpress.com/1010/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/danielgreene.wordpress.com/1010/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/danielgreene.wordpress.com/1010/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=danielgreene.com&amp;blog=353710&amp;post=1010&amp;subd=danielgreene&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://danielgreene.com/1998/02/01/css-font-properties-test/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/51bbe30b51c978d1e83273770ded38be?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Daniel</media:title>
		</media:content>
	</item>
		<item>
		<title>Bug in Backgrounds for DIV Elements</title>
		<link>http://danielgreene.com/1998/01/01/bug-in-backgrounds-for-div-elements/</link>
		<comments>http://danielgreene.com/1998/01/01/bug-in-backgrounds-for-div-elements/#comments</comments>
		<pubDate>Thu, 01 Jan 1998 19:00:34 +0000</pubDate>
		<dc:creator>Daniel Greene</dc:creator>
				<category><![CDATA[Writing for the Web]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[formatting]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[style sheets]]></category>
		<category><![CDATA[Web authoring]]></category>
		<category><![CDATA[Web browsers]]></category>

		<guid isPermaLink="false">http://danielgreene.wordpress.com/?p=1005</guid>
		<description><![CDATA[[This page resided for many years at http://danielgreene.com/cssbug.html] Results are shown when using the following embedded CSS declarations [now done with inline CSS because this blog doesn't allow embedded CSS.]: code { font-family: Fixedsys, "Lucida Console", "Courier New", monospace; } .p { background: #CFC; /*lightest green*/ color: black; } .v { background: #CFF; /*lightest blue*/ [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=danielgreene.com&amp;blog=353710&amp;post=1005&amp;subd=danielgreene&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>[<ins datetime="2010-07-01T02:17:29+00:00">This page resided for many years at http://danielgreene.com/cssbug.html</ins>]</p>
<p>Results are shown when using the following embedded CSS declarations [<ins datetime="2010-06-30T23:47:12+00:00">now done with inline CSS because this blog doesn't allow embedded CSS.</ins>]:</p>
<pre>
code { font-family: Fixedsys, "Lucida Console",
"Courier New", monospace; }
.p { background: #CFC; /*lightest green*/
     color: black; }
.v { background: #CFF; /*lightest blue*/
     color: black; }
.d { background: #FCF; /*lightest purple*/
     color: black; }
.samp { background: #FCF; /*lightest purple*/
     color: black;
     margin: 1em 3em;
     border: thin solid black;
     padding: 5mm; }
.test { background: #CCC; /*lightest gray*/
     padding: 1em; }
</pre>
<p>Here’s how it looks in your browser:</p>
<div style="background:#CCC;padding:1em;">
<p><code>{ <span style="background:#CFC;color:black;">font</span>: <span style="background:#CFF;color:black;">150% serif;</span> }</code></p>
<p style="background:#FCF;color:black;border:thin solid black;margin:1em 3em;padding:5mm;">The quick brown fox jumped over the lazy dog.</p>
</div>
<p>This is what it looked like in my browser (MSIE 4.72.2106.8 for Win95): <span id="more-1005"></span></p>
<p><a href="http://danielgreene.files.wordpress.com/2010/06/cssie4win95.jpg"><img src="http://danielgreene.files.wordpress.com/2010/06/cssie4win95.jpg?w=604" alt="" title="CSS Div bug in IE 4 for Win 95"   class="alignnone size-full wp-image-1003" /></a></p>
<p>Notice how the background colors of the SPAN elements in the top left corner paint all the way to the top border of the DIV, and how the bottom border of the P element abuts the bottom border of the DIV?</p>
<p>Here are a couple of screen shots someone sent me, showing how it rendered on his browsers:</p>
<p><a href="http://danielgreene.files.wordpress.com/2010/06/csstests.gif"><img src="http://danielgreene.files.wordpress.com/2010/06/csstests.gif?w=604" alt="" title="Tests in IE and NS 4 for Mac"   class="alignnone size-full wp-image-988" /></a></p>
<p>Now, MSIE 4.0a Mac version seems to have gotten the SPAN background coloring right (the colors stay within the line of text, as they should, rather than painting up to the top edge of the DIV), but the bottom edge of the P (The quick brown fox…) still abuts the bottom edge of the DIV, which is wrong. NN4.04.1 Mac seems to have done the best job; the span colors are painted correctly, and the P does not seem to abut the bottom edge of the DIV, but respects the 1em padding that&#8217;s supposed to be there.</p>
<p>I hope you found this illustration helpful. Thanks to <a href="http://www.css.nu/pointers/">Sue Simms</a> for encouraging me to complete this little demo, and for linking to it.</p>
<address>Published in 1998 by Daniel Greene.</address>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/danielgreene.wordpress.com/1005/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/danielgreene.wordpress.com/1005/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/danielgreene.wordpress.com/1005/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/danielgreene.wordpress.com/1005/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/danielgreene.wordpress.com/1005/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/danielgreene.wordpress.com/1005/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/danielgreene.wordpress.com/1005/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/danielgreene.wordpress.com/1005/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/danielgreene.wordpress.com/1005/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/danielgreene.wordpress.com/1005/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/danielgreene.wordpress.com/1005/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/danielgreene.wordpress.com/1005/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/danielgreene.wordpress.com/1005/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/danielgreene.wordpress.com/1005/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/danielgreene.wordpress.com/1005/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/danielgreene.wordpress.com/1005/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=danielgreene.com&amp;blog=353710&amp;post=1005&amp;subd=danielgreene&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://danielgreene.com/1998/01/01/bug-in-backgrounds-for-div-elements/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/51bbe30b51c978d1e83273770ded38be?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Daniel</media:title>
		</media:content>

		<media:content url="http://danielgreene.files.wordpress.com/2010/06/cssie4win95.jpg" medium="image">
			<media:title type="html">CSS Div bug in IE 4 for Win 95</media:title>
		</media:content>

		<media:content url="http://danielgreene.files.wordpress.com/2010/06/csstests.gif" medium="image">
			<media:title type="html">Tests in IE and NS 4 for Mac</media:title>
		</media:content>
	</item>
	</channel>
</rss>
