<?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>XprsYrslf &#187; Coding &#38; Web Design &#187; CSS</title>
	<atom:link href="http://xprsyrslf.be/category/web-technology/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://xprsyrslf.be</link>
	<description>by Jeroen Op &#039;t Eynde</description>
	<lastBuildDate>Fri, 09 Apr 2010 03:42:04 +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>IE8 display: table-cell &amp; max-width bug</title>
		<link>http://xprsyrslf.be/2009/08/18/ie8-display-table-cell-max-width-bug/</link>
		<comments>http://xprsyrslf.be/2009/08/18/ie8-display-table-cell-max-width-bug/#comments</comments>
		<pubDate>Tue, 18 Aug 2009 20:27:44 +0000</pubDate>
		<dc:creator>Jeroen</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Easy Online Portals]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://xprsyrslf.be/?p=392</guid>
		<description><![CDATA[A few days ago, a bug in EasySell appeared in Internet Explorer 8.

Apparently we used max-width (and max-height) on the image in a table &#8216;td&#8217;:

table td img {
max-height: 255px;
max-width: 345px;
}

This piece of code won&#8217;t get applied by IE8, so it seems&#8230;
But google found the solution right here, thanks to the forum user AsraiLight.
To let IE8 [...]]]></description>
			<content:encoded><![CDATA[<p>A few days ago, a bug in EasySell appeared in Internet Explorer 8.</p>
<p style="text-align: center;"><a href="http://xprsyrslf.be/wordpress/wp-content/uploads/2009/08/fault.png"><img class="size-full wp-image-386 aligncenter" style="width: 80%;" title="Fault Version" src="http://xprsyrslf.be/wordpress/wp-content/uploads/2009/08/fault.png" alt="Fault Version" width="700" height="350" /></a></p>
<p>Apparently we used max-width (and max-height) on the image in a table &#8216;td&#8217;:<br />
<code><br />
table td img {<br />
max-height: 255px;<br />
max-width: 345px;<br />
}<br />
</code></p>
<p>This piece of code won&#8217;t get applied by IE8, so it seems&#8230;<br />
But google found the solution <a href="http://bytes.com/topic/html-css/answers/870359-ie8-display-table-cell-max-width-bug">right here</a>, thanks to the forum user <a href="http://bytes.com/topic/html-css/answers/870359-ie8-display-table-cell-max-width-bug#post3496446">AsraiLight</a>.<br />
To let IE8 apply the max-width/max-height, you have to use a fixed table layout:<br />
<code><br />
table{<br />
table-layout: fixed;<br />
}<br />
</code></p>
<p>This made it look like it is supposed to:</p>
<p style="text-align: center;"><a href="http://xprsyrslf.be/wordpress/wp-content/uploads/2009/08/correct.png"><img class="size-full wp-image-385 aligncenter" style="width: 80%;" title="Correct Version" src="http://xprsyrslf.be/wordpress/wp-content/uploads/2009/08/correct.png" alt="Correct Version" width="700" height="350" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://xprsyrslf.be/2009/08/18/ie8-display-table-cell-max-width-bug/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
