<?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://tilowr.com.br/tag/ie7/feed" rel="self" type="application/rss+xml" />
	<link>http://tilowr.com.br</link>
	<description>Especialista em HTML</description>
	<lastBuildDate>Wed, 15 Jun 2011 18:19:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>min-height para IE6</title>
		<link>http://tilowr.com.br/min-height-para-ie6/</link>
		<comments>http://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 <a href="http://tilowr.com.br/min-height-para-ie6/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></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>
<h4  class="related_post_title">Leia Também:</h4><ul class="related_post"><li><a href="http://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://tilowr.com.br/livro-use-a-cabeca-web-design/" title="Livro: Use a Cabeça! Web Design">Livro: Use a Cabeça! Web Design</a></li><li><a href="http://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://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://tilowr.com.br/testando-o-layout-browserresolucao/" title="Testando o Layout Browser/Resolução">Testando o Layout Browser/Resolução</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://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://tilowr.com.br/hacks-la-e-de-volta-outra-vez/</link>
		<comments>http://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. <a href="http://tilowr.com.br/hacks-la-e-de-volta-outra-vez/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></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>
<h4  class="related_post_title">Leia Também:</h4><ul class="related_post"><li><a href="http://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://tilowr.com.br/min-height-para-ie6/" title="min-height para IE6">min-height para IE6</a></li><li><a href="http://tilowr.com.br/utilizando-webkit-box-reflect-reflexo-com-css-3-para-iphoneipadsafari-e-chrome/" title="Utilizando webkit-box-reflect ( reflexo com css 3 para iphone/ipad/safari e chrome)">Utilizando webkit-box-reflect ( reflexo com css 3 para iphone/ipad/safari e chrome)</a></li><li><a href="http://tilowr.com.br/otimizando-desenvolvimento-html-com-zen-coding-e-notepad-instalacao-dica/" title="Otimizando desenvolvimento HTML com Zen-coding e Notepad++ ( Instalação + Dica )">Otimizando desenvolvimento HTML com Zen-coding e Notepad++ ( Instalação + Dica )</a></li><li><a href="http://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></ul>]]></content:encoded>
			<wfw:commentRss>http://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://tilowr.com.br/testando-o-layout-browserresolucao/</link>
		<comments>http://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 <a href="http://tilowr.com.br/testando-o-layout-browserresolucao/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></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>
<h4  class="related_post_title">Leia Também:</h4><ul class="related_post"><li><a href="http://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://tilowr.com.br/utilizando-webkit-box-reflect-reflexo-com-css-3-para-iphoneipadsafari-e-chrome/" title="Utilizando webkit-box-reflect ( reflexo com css 3 para iphone/ipad/safari e chrome)">Utilizando webkit-box-reflect ( reflexo com css 3 para iphone/ipad/safari e chrome)</a></li><li><a href="http://tilowr.com.br/noticia-google-chrome-mantem-o-crescimento/" title="Noticia: Google Chrome mantém o crescimento ">Noticia: Google Chrome mantém o crescimento </a></li><li><a href="http://tilowr.com.br/min-height-para-ie6/" title="min-height para IE6">min-height para IE6</a></li><li><a href="http://tilowr.com.br/habilitando-debug-console-no-ipad-vale-pro-iphone-tambem/" title="Habilitando Debug Console no iPad (Vale pro iPhone Tambem)">Habilitando Debug Console no iPad (Vale pro iPhone Tambem)</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://tilowr.com.br/testando-o-layout-browserresolucao/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

