<?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>TiloWR &#187; IE7</title>
	<atom:link href="http://www.tilowr.com.br/tag/ie7/feed" rel="self" type="application/rss+xml" />
	<link>http://www.tilowr.com.br</link>
	<description>Dicas de um especialista em HTML</description>
	<lastBuildDate>Fri, 06 Aug 2010 14:21:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>min-height para IE6</title>
		<link>http://www.tilowr.com.br/min-height-para-ie6</link>
		<comments>http://www.tilowr.com.br/min-height-para-ie6#comments</comments>
		<pubDate>Thu, 14 May 2009 19:41:56 +0000</pubDate>
		<dc:creator>Tilo</dc:creator>
				<category><![CDATA[XHTML & CSS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Hack]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[IE7]]></category>
		<category><![CDATA[Navegadores]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.csscomfarinha.com.br/?p=238</guid>
		<description><![CDATA[min-height para IE6]]></description>
			<content:encoded><![CDATA[<p>Todo Desenvolvedor Front-End já precisou de uma <strong>div</strong> com uma altura minima (min-height) mais não funcionava no lixo do IE6, pois é agente teve problema com um site de cliente que se naum tivese um minimo ele ficava muito estranho, depois de bater a cabeça na parede e tentar se jogar da janela do prédio sem sucesso , pois estavam todas trancadas depois da crise de 29 (não entendeu a piada? Ouve esse <a href="http://jovemnerd.ig.com.br/categoria/nerdcast/">podcast</a>!), fui obrigado a procurar uma solução, e cheguei a essa:</p>
<pre class="css">

.alturaminima100 {
min-height: 100px;
height:auto !important;
height:100px;
}
</pre>
<p>o segredo é colocar o <strong>min-height</strong> para o Firefox e todos os outros Browsers e pro IE6 colocar as duas linhas da sequência:</p>
<pre class="css">
height:auto !important;
height:100px;
</pre>
<p>o IE 6 vai desenhar o tamanho minimo e almentar quando receber conteudo, lembrando que sempre a melhor opção é Matar o IE6!</p>
<!-- PHP 5.x --><h4  class="related_post_title">Leia Também:</h4><ul class="related_post"><li><a href="http://www.tilowr.com.br/hacks-la-e-de-volta-outra-vez" title="Hack&#8217;s, lá e de volta outra vez.">Hack&#8217;s, lá e de volta outra vez.</a></li><li><a href="http://www.tilowr.com.br/curso-para-iniciacao-em-xhtmlcss-uniitalo" title="Curso para Iniciação em XHTML/CSS UniItalo">Curso para Iniciação em XHTML/CSS UniItalo</a></li><li><a href="http://www.tilowr.com.br/hack-para-safari-4-firefox-3-5-chrome-3-e-muito-mais-com-um-js" title="Hack para Safari 4, Firefox 3.5, Chrome 3 e muito mais com um JS">Hack para Safari 4, Firefox 3.5, Chrome 3 e muito mais com um JS</a></li><li><a href="http://www.tilowr.com.br/testando-o-layout-browserresolucao" title="Testando o Layout Browser/Resolução">Testando o Layout Browser/Resolução</a></li><li><a href="http://www.tilowr.com.br/menu-horizontal-simples" title="Menu Horizontal Simples">Menu Horizontal Simples</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.tilowr.com.br/min-height-para-ie6/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hack&#8217;s, lá e de volta outra vez.</title>
		<link>http://www.tilowr.com.br/hacks-la-e-de-volta-outra-vez</link>
		<comments>http://www.tilowr.com.br/hacks-la-e-de-volta-outra-vez#comments</comments>
		<pubDate>Sat, 07 Mar 2009 18:02:51 +0000</pubDate>
		<dc:creator>Tilo</dc:creator>
				<category><![CDATA[XHTML & CSS]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Hack]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[IE7]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Safari]]></category>

		<guid isPermaLink="false">http://www.csscomfarinha.com.br/?p=215</guid>
		<description><![CDATA[Hack's, lá e de volta outra vez.]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter" src="http://www.csscomfarinha.com.br/exemplos/images/nerdson-ie6.gif" alt="" /></p>
<p>quem desenvolve web concerteza j&aacute; passou por um momento como esse ilustrado pelo <a href="http://nerdson.com/blog/" target="_blank">nerdson</a>, a quest&atilde;o &eacute; que n&atilde;o adianta em quanto a microsoft n&agrave;o fezer com o IE o mesmo que ela faz com o MSN, a atualiza&ccedil;&atilde;o Obrigatoria, nos vamos continuar a fazer Hacks pro IE6.</p>
<p>porem qual o hack certo para ser usado?</p>
<p>eu conhe&ccedil;o algumas formas de fazer hack, e hoje vou tentar explicar como usa-los;</p>
<p><strong>HTML tag:</strong></p>
<p>Todas as Vers&otilde;es do IE</p>
<pre name=code class=xhtml>&lt;!--[if IE]&gt; Conteudo &lt;![endif]--&gt;</pre>
<p>IE7 e Superior</p>
<pre name=code class=xhtml>&lt;!--[if gt IE6]&gt; Conteudo &lt;![endif]--&gt;</pre>
<p>IE7 e Anterior</p>
<pre name=code class=xhtml>&lt;!--[if lte IE7]&gt; Conteudo &lt;![endif]--&gt;</pre>
<p>esses Hack s&atilde;o principalmete para um conteudo que n&atilde;o est&aacute; sendo renderisado no IE, voc&ecirc; pode colocar uma marca&ccedil;&atilde;o adicional para ele.</p>
<p><strong>CSS Selector:</strong></p>
<p>IE 7</p>
<pre name=code class=css>*:first-child+html body seletor { propriedade: valor; }</pre>
<p>IE 6</p>
<pre name=code class=css>* html body seletor { propriedade: valor; }</pre>
<p>Chrome e Safari</p>
<pre name=code class=css>body:nth-of-type(1) seletor { propriedade: valor; }</pre>
<p>Opera 9 e anteriores</p>
<pre name=code class=css>html:first-child seletor { propriedade: valor; }</pre>
<p>use essa forma apenas quando voc&ecirc; precisa que uma determinada classe seja vista apenas pelo navegador em quest&atilde;o, isso ajuda muito quando voc&ecirc; criou um hack no HTML e precisa tratar esse elemento.</p>
<!-- PHP 5.x --><h4  class="related_post_title">Leia Também:</h4><ul class="related_post"><li><a href="http://www.tilowr.com.br/testando-o-layout-browserresolucao" title="Testando o Layout Browser/Resolução">Testando o Layout Browser/Resolução</a></li><li><a href="http://www.tilowr.com.br/min-height-para-ie6" title="min-height para IE6">min-height para IE6</a></li><li><a href="http://www.tilowr.com.br/hack-para-safari-4-firefox-3-5-chrome-3-e-muito-mais-com-um-js" title="Hack para Safari 4, Firefox 3.5, Chrome 3 e muito mais com um JS">Hack para Safari 4, Firefox 3.5, Chrome 3 e muito mais com um JS</a></li><li><a href="http://www.tilowr.com.br/usando-seletores-avancados-no-ie6-%e2%80%93-javascript-css" title="Usando Seletores Avançados no IE6 – JavaScript + CSS">Usando Seletores Avançados no IE6 – JavaScript + CSS</a></li><li><a href="http://www.tilowr.com.br/css-reset-%e2%80%93-iguale-todos-os-navegadores-com-css" title="CSS Reset – iguale todos os navegadores com css">CSS Reset – iguale todos os navegadores com css</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.tilowr.com.br/hacks-la-e-de-volta-outra-vez/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Testando o Layout Browser/Resolução</title>
		<link>http://www.tilowr.com.br/testando-o-layout-browserresolucao</link>
		<comments>http://www.tilowr.com.br/testando-o-layout-browserresolucao#comments</comments>
		<pubDate>Sun, 01 Mar 2009 17:41:35 +0000</pubDate>
		<dc:creator>Tilo</dc:creator>
				<category><![CDATA[Noticias]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Contadores]]></category>
		<category><![CDATA[FireFox]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[IE7]]></category>
		<category><![CDATA[IE8]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Resolução]]></category>
		<category><![CDATA[Safari]]></category>

		<guid isPermaLink="false">http://www.csscomfarinha.com.br/?p=146</guid>
		<description><![CDATA[Testando o Layout Browser/Resolução]]></description>
			<content:encoded><![CDATA[<p>Voc&ecirc; passa horas montando seu c&oacute;digo, olha no firefox e est&aacute; perfeito, quando manda para o cliente ele fala &quot;isso aqui est&aacute; todo torto!&quot;, ai voc&ecirc; responde, n&atilde;o est&aacute; n&atilde;o, eu testei! agora eu pergunto, testou mesmo?</p>
<p>segundo o <a href="http://www.w3counter.com/globalstats.php?date=2007-06-20" target="_blank">W3Counter</a> at&eacute; o dia de Hoje,  a lista dos Top 10 Browsers &eacute; a seguinte:</p>
<table width="100%" border="1" cellpadding="5" cellspacing="0" bordercolor="#999999">
<tr>
<td>1</td>
<td>Internet Explorer 6.0</td>
<td>49.21%</td>
</tr>
<tr>
<td>2</td>
<td>Internet Explorer 7.0</td>
<td>17.09%</td>
</tr>
<tr>
<td>3</td>
<td>Firefox 2.0</td>
<td>14.96%</td>
</tr>
<tr>
<td>4</td>
<td>Firefox 1.5</td>
<td>8.87%</td>
</tr>
<tr>
<td>5</td>
<td>Safari 2.0</td>
<td>1.84%</td>
</tr>
<tr>
<td>6</td>
<td>Firefox 1.0</td>
<td>1.23%</td>
</tr>
<tr>
<td>7</td>
<td>Opera 9.0</td>
<td>0.70%</td>
</tr>
<tr>
<td>8</td>
<td>Mozilla 1.8</td>
<td>0.70%</td>
</tr>
<tr>
<td>9</td>
<td>AOL 6.0</td>
<td>0.56%</td>
</tr>
<tr>
<td>10</td>
<td>AOL 7.0</td>
<td>0.46%</td>
</tr>
</table>
<p>seguido da lista das Top 10 Resolu&ccedil;&otilde;es:</p>
<table width="100%" border="1" cellpadding="5" cellspacing="0" bordercolor="#999999">
<tr>
<td>1</td>
<td>1024&#215;768</td>
<td>50.43%</td>
</tr>
<tr>
<td>2</td>
<td>1280&#215;1024</td>
<td>17.03%</td>
</tr>
<tr>
<td>3</td>
<td>800&#215;600</td>
<td>8.89%</td>
</tr>
<tr>
<td>4</td>
<td>1280&#215;800</td>
<td>8.38%</td>
</tr>
<tr>
<td>5</td>
<td>1152&#215;864</td>
<td>3.81%</td>
</tr>
<tr>
<td>6</td>
<td>1440&#215;900</td>
<td>2.84%</td>
</tr>
<tr>
<td>7</td>
<td>1680&#215;1050</td>
<td>1.95%</td>
</tr>
<tr>
<td>8</td>
<td>1280&#215;768</td>
<td>1.28%</td>
</tr>
<tr>
<td>9</td>
<td>1400&#215;1050</td>
<td>1.03%</td>
</tr>
<tr>
<td>10</td>
<td>1280&#215;960</td>
<td>1.03%</td>
</tr>
</table>
<p>No fim das contas a boa noticia &eacute; que vc n&atilde;o precisa mais montar layout de 750px de Largura, pode ir pros 975px de largura sem ter medo da barra de rolagem horizontal, mais por outro lado ainda tem que testar no IE6, eu sempre resmungo, porque o IE n&atilde;o &eacute; como o MSN que quando tem uma atualiza&ccedil;&atilde;o ou voc&ecirc; faz ou n&atilde;o pode mais usar.</p>
<p>agora como testar todos esses browsers ? simples fica uma lista de onde baixar os principais browsers:</p>
<h3>Microsoft Internet Explorer 6, 7 e 8 RC1</h3>
<p><a href="http://www.my-debugbar.com/ietester/install-ietester-v0.3.exe" target="_blank"><img src="http://www.csscomfarinha.com.br/exemplos/images/ietester.jpg" alt="IE Tester" width="48" height="48" /></a></p>
<blockquote><p>
como o windows n&atilde;o permite mais de uma vers&atilde;o do mesmo navegador, uso o IE Tester para emular todas as vers&otilde;es necess&aacute;rias.
</p></blockquote>
<h3>Mozilla Firefox 3</h3>
<p><a href="http://br.mozdev.org/firefox/download.html" target="_blank"><img src="http://www.csscomfarinha.com.br/exemplos/images/firefox.gif" alt="Firefox" width="48" height="48" /></a></p>
<blockquote>
<p>aproveite e pegue os plugins para desenvolvedores <a href="http://www.csscomfarinha.com.br/plugins-do-firefox-para-desenvolvedores" target="_blank">aqui!</a></p>
</blockquote>
<h3>Apple Safari 4</h3>
<p><a href="http://www.apple.com/safari/download/" target="_blank"><img src="http://www.csscomfarinha.com.br/exemplos/images/safari.jpg" alt="Safari" width="48" height="48" /></a></p>
<blockquote><p>o safari 4 est&aacute; um show aparte, se voc&ecirc; ainda n&atilde;o testou arrisco dizer que chegou com &quot;p&eacute; na porta, tapa na cara&quot; dos outros navegadores, navega&ccedil;&atilde;o que lembra o Chrome, com ferramentas para desenvolvedores que n&atilde;o ficam a dever para o firefox.</p></blockquote>
<h3>Google Chrome</h3>
<p><a href="http://www.google.com/chrome" target="_blank"><img src="http://www.csscomfarinha.com.br/exemplos/images/chrome.jpg" alt="Chrome" width="48" height="48" /></a></p>
<blockquote>
<p>O Navegador do google, sem d&uacute;vida nem um outro navegador carrega os sites do google t&atilde;o rapido quanto ele, pois ele tem boa parte das coisas em cache.</p>
</blockquote>
<p>Bem, esses s&atilde;o os que n&atilde;o podem faltar na sua lista, agora se voc&ecirc; &eacute; um cara (ou mo&ccedil;a) mais exigente, voc&ecirc; pode completar essa lista com o Opera, Natscape, Girafa e outros. Fica a dica.</p>
<!-- PHP 5.x --><h4  class="related_post_title">Leia Também:</h4><ul class="related_post"><li><a href="http://www.tilowr.com.br/hacks-la-e-de-volta-outra-vez" title="Hack&#8217;s, lá e de volta outra vez.">Hack&#8217;s, lá e de volta outra vez.</a></li><li><a href="http://www.tilowr.com.br/min-height-para-ie6" title="min-height para IE6">min-height para IE6</a></li><li><a href="http://www.tilowr.com.br/1337-recompensa-para-quem-encontrar-falhas-de-seguranca-no-navegador-do-google" title="$1337: Recompensa para quem encontrar falhas de segurança no navegador do Google">$1337: Recompensa para quem encontrar falhas de segurança no navegador do Google</a></li><li><a href="http://www.tilowr.com.br/mudancas-no-youtube-podem-prejudicar-firefox" title="Mudanças no YouTube podem prejudicar Firefox">Mudanças no YouTube podem prejudicar Firefox</a></li><li><a href="http://www.tilowr.com.br/mozilla-firefox-3-6" title="Mozilla Firefox 3.6">Mozilla Firefox 3.6</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.tilowr.com.br/testando-o-layout-browserresolucao/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
