<?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/"
	>

<channel>
	<title>Negative Margins &#187; lijit</title>
	<atom:link href="http://www.negativemargins.com/category/lijit/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.negativemargins.com</link>
	<description>Adventures in css, javascript, and all things web</description>
	<lastBuildDate>Mon, 03 May 2010 00:43:24 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>IE, Why must you persecute me!?</title>
		<link>http://www.negativemargins.com/2006/10/12/ie-why-must-you-persecute-me/</link>
		<comments>http://www.negativemargins.com/2006/10/12/ie-why-must-you-persecute-me/#comments</comments>
		<pubDate>Thu, 12 Oct 2006 17:32:31 +0000</pubDate>
		<dc:creator>andy</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[lijit]]></category>

		<guid isPermaLink="false">http://www.negativemargins.com/?p=9</guid>
		<description><![CDATA[As the CSS at lijit.com evolves I find myself continually up against the uncompliant Internet Explorer. The flavor this week is min and max width height. As you may or may not be aware the truly standards compliant browsers allow you to set both min-width and max-width properties to give you the ability to have [...]]]></description>
			<content:encoded><![CDATA[<p>As the CSS at <a href="http://www.lijit.com">lijit.com</a> evolves I find myself continually up against the uncompliant Internet Explorer. The flavor this week is min and max width height. As you may or may not be aware the truly standards compliant browsers allow you to set both min-width and max-width properties to give you the ability to have a fluid layout appropriate for multiple monitor sizes. After a little research I found out that IE does support javascript from within CSS of all things. This allows you to keep track of the size of the window and hack in changing the size of your element. The first solution I found was over at <a href="http://www.svendtofte.com/code/max_width_in_ie/">svendtofte.com</a> showing this code:<br />
[css]<br />
#element {<br />
width:expression(document.body.clientWidth &lt; 800 ? "800px" : "auto");<br />
}<br />
[/css]</p>
<p>I thought this was a pain, but it worked, so I extended it to handle both min and max:<br />
[css]<br />
#element {<br />
width:expression(document.body.clientWidth &lt; 800 ? "800px" : document.body.clientWidth &lt; 1200 ? "1200px" : "auto");<br />
}<br />
[/css]</p>
<p>I figured I was all set, then I played with it in IE and wham, it froze. After more research and I found a post at <a href="http://www.cameronmoll.com/archives/000892.html">cameronmoll.com</a> indicating that using this method can introduce a race condition and infinite loop in IE. The solution, change your math slightly!? *sigh* So, here's the final working CSS that will be introduced in the next Lijit release that will give you a fluid layout between 800 and 1200 pixels:</p>
<p>[css]<br />
#element {<br />
min-width: 800px;<br />
max-width: 1200px;<br />
width:expression(document.body.clientWidth &lt; 800 ? "800px" : document.body.clientWidth &lt; 1200 ? "1200px" : "auto");<br />
}<br />
[/css]</p>
]]></content:encoded>
			<wfw:commentRss>http://www.negativemargins.com/2006/10/12/ie-why-must-you-persecute-me/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Old School</title>
		<link>http://www.negativemargins.com/2006/09/28/old-school/</link>
		<comments>http://www.negativemargins.com/2006/09/28/old-school/#comments</comments>
		<pubDate>Thu, 28 Sep 2006 15:14:58 +0000</pubDate>
		<dc:creator>andy</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[lijit]]></category>

		<guid isPermaLink="false">http://www.negativemargins.com/?p=8</guid>
		<description><![CDATA[
I used to own cassettes, make them for my friends, and listen to them in my car. Today I discover that the fine people over at says-it.com have produced the Cassette Generator, another in their line of pages that make cool graphics to post on your blog, send to your friends, or whatever.
I found out [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/nm_cassette.jpg" /></p>
<p>I used to own cassettes, make them for my friends, and listen to them in my car. Today I discover that the fine people over at <a href="http://www.says-it.com">says-it.com</a> have produced the <a href="http://www.says-it.com/cassette/index.php">Cassette Generator</a>, another in their line of pages that make cool graphics to post on your blog, send to your friends, or whatever.</p>
<p>I found out about this by looking at my <a href="http://www.lijit.com">Lijit List</a>, the first page I see at lijit.com. Someone in my trust network had reported on it, others had picked it up and when I logged in this morning there it was at the top of the list. Because I trust these people and they trust others I get a filter on web content that I trust. If you like what I like, you to can trust me just click on this <strong>Trust Me"</strong> button on the sidebar, or for one post only, the cassette tape below.</p>
<p><a href="http://www.lijit.com/informer/add?uri=http%3A%2F%2Fwww.lijit.com%2Fusers%2Fcranberyxl&amp;scope=http%3A%2F%2Fwww.lijit.com%2Fusers%2Fcranberyxl&amp;title=cranberyxl&amp;isInformer=1"><img src="/trustme_cassette.jpg" border="0" /></a><br />
<em>(When will our children be doing this with CDs?)</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.negativemargins.com/2006/09/28/old-school/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
