<?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>KADUNEW.COM/BLOG &#187; bugs IE6</title>
	<atom:link href="http://www.kadunew.com/blog/tag/bugs-ie6/feed" rel="self" type="application/rss+xml" />
	<link>http://www.kadunew.com/blog</link>
	<description>Tutoriais, Dicas e Artigos sobre Web Design, Web Standards, CSS, HTML, SEO e Programação web.</description>
	<lastBuildDate>Wed, 01 Feb 2012 15:18:08 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>IE6 fora da internet brasileira</title>
		<link>http://www.kadunew.com/blog/browsers/ie6-fora-da-internet-brasileira</link>
		<comments>http://www.kadunew.com/blog/browsers/ie6-fora-da-internet-brasileira#comments</comments>
		<pubDate>Mon, 10 Aug 2009 15:05:01 +0000</pubDate>
		<dc:creator>Carlos Eduardo - Kadu</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[bugs IE6]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.kadunew.com/blog/?p=386</guid>
		<description><![CDATA[
Agora sim, parece que os desenvolvedores não irão mais sofrer: O IE6 está prestes à evaporar da internet brasileira. Saiba como e por quê nesse post.
Que há milhares de campanhas anti-IE6 na internet, não há dúvidas. Mas quem só entra na internet para entrar em Orkut, Messenger, YouTube e sites do gênero não tá nem [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.kadunew.com/blog/wp-content/uploads/2009/08/ie6.png" alt="ie6" title="ie6" width="128" height="128" class="aligncenter size-full wp-image-387" /><br />
Agora sim, parece que os desenvolvedores não irão mais sofrer: O IE6 está prestes à evaporar da internet brasileira. Saiba como e por quê nesse post.<br />
Que há milhares de campanhas anti-IE6 na internet, não há dúvidas. Mas quem só entra na internet para entrar em Orkut, Messenger, YouTube e sites do gênero não tá nem aí. Mas agora isso pode (e vai!) mudar: a Google colocou uma mensagem no Orkut avisando que o Internet Explorer 6 não será mais suportado pela rede de relacionamentos.<br />
<span id="more-386"></span><br />
O Orkut é, simplesmente, a rede de relacionamentos mais usada pelos brasileiros, e a grande maioria dos usuários dessa rede, odiada por muitos geeks, é do grupo que eu mencionei a pouco e não está nem aí pro navegador que usa. Mas agora vão estar bem aí, por se tem uma coisa que o internauta “normal” brasileiro não abre mão é o Orkut.<br />
<img src="http://www.kadunew.com/blog/wp-content/uploads/2009/08/orkut-ie6.png" alt="orkut-ie6" title="orkut-ie6" width="480" height="383" class="aligncenter size-full wp-image-388" /><br />
Brincadeiras à parte, o que a Google está fazendo é bem válido. Se outros sites com bastante tráfego, como Facebook e MySpace (redes bem conhecida nos EUA) seguissem o exemplo, o terror dos desenvolvedores sumiria do mapa de outros países na mesma velocidade que ele vai sumir aqui a partir de agora.<br />
<em><a href="http://marlonpalmas.wordpress.com/2009/08/07/ie6-fora-da-internet-brasileira/">Link Original</a></em><br />
<h3>Isso vai interessar você também</h3>
<ul class="related_post">
<li><a href="http://www.kadunew.com/blog/browsers/ms-vai-arrumar-falha-grave-no-ie-8" title="MS vai arrumar falha grave no IE 8">MS vai arrumar falha grave no IE 8</a></li>
<li><a href="http://www.kadunew.com/blog/browsers/atualize-seu-navegador-fora-ie6" title="Atualize seu navegador (Fora IE6)">Atualize seu navegador (Fora IE6)</a></li>
<li><a href="http://www.kadunew.com/blog/browsers/veja-seu-site-em-diferentes-navegadores" title="Veja seu site em diferentes navegadores">Veja seu site em diferentes navegadores</a></li>
<li><a href="http://www.kadunew.com/blog/html5/html5-acessibilidade-com-o-atributo-accesskey" title="HTML5 &#8211; Acessibilidade com o Atributo accesskey">HTML5 &#8211; Acessibilidade com o Atributo accesskey</a></li>
<li><a href="http://www.kadunew.com/blog/web-design/22-web-sites-desenvolvidos-com-html5-e-css3" title="22 web sites desenvolvidos com HTML5 e CSS3">22 web sites desenvolvidos com HTML5 e CSS3</a></li>
<li><a href="http://www.kadunew.com/blog/html5/validacao-de-formulario-com-html5" title="Validação de formulário com HTML5">Validação de formulário com HTML5</a></li>
<li><a href="http://www.kadunew.com/blog/css/pagina-de-erro-404-animada-com-css" title="Página de erro 404 animada com CSS">Página de erro 404 animada com CSS</a></li>
<li><a href="http://www.kadunew.com/blog/web-design/ferramenta-para-upload-de-layouts" title="Ferramenta para Upload de layouts">Ferramenta para Upload de layouts</a></li>
<li><a href="http://www.kadunew.com/blog/web-design/10-crimes-de-usabilidade-que-voce-nao-deve-cometer" title="10 Crimes de usabilidade que você não deve cometer">10 Crimes de usabilidade que você não deve cometer</a></li>
<li><a href="http://www.kadunew.com/blog/web-design/ferramentas-online-para-web-designers" title="Ferramentas online para Web Designers">Ferramentas online para Web Designers</a></li>
</ul>
<img src="http://www.kadunew.com/blog/?ak_action=api_record_view&id=386&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.kadunew.com/blog/browsers/ie6-fora-da-internet-brasileira/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bug do Internet Explorer 6 (IE6) &#8211; fundo desaparecendo em listas</title>
		<link>http://www.kadunew.com/blog/css/bug-do-internet-explorer-6-ie6-fundo-desaparecendo-em-listas</link>
		<comments>http://www.kadunew.com/blog/css/bug-do-internet-explorer-6-ie6-fundo-desaparecendo-em-listas#comments</comments>
		<pubDate>Thu, 12 Mar 2009 21:51:18 +0000</pubDate>
		<dc:creator>Carlos Eduardo - Kadu</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[bugs IE6]]></category>

		<guid isPermaLink="false">http://www.kadunew.com/blog/?p=252</guid>
		<description><![CDATA[Esse bug acontece com o Internet Explorer 6 quando colocamos uma lista, ordenada, não ordenada ou de definição, dentro de uma DIV que tenha sido flutuada (left ou right) e ainda que tenha declarada position:relative nela.
O Código para representar o bug:

HTML:
&#60;div id=&#34;listas&#34;&#62;
	&#60;ul&#62;
		&#60;li&#62;Primeiro item&#60;/li&#62;
		&#60;li&#62;Segundo item&#60;/li&#62;
		&#60;li&#62;Terceiro item&#60;/li&#62;
		&#60;li&#62;Quarto item&#60;/li&#62;
	&#60;/ul&#62;
&#60;/div&#62;

CSS:
#listas {
		float: left;
		position: relative;
		}

Veja a renderização correta no Firefox e [...]]]></description>
			<content:encoded><![CDATA[<p>Esse bug acontece com o Internet Explorer 6 quando colocamos uma lista, ordenada, não ordenada ou de definição, dentro de uma DIV que tenha sido flutuada (left ou right) e ainda que tenha declarada position:relative nela.<br />
O Código para representar o bug:<br />
<span id="more-252"></span><br />
<strong>HTML:</strong></p>
<pre class="syntax-highlight:html">&lt;div id=&quot;listas&quot;&gt;
	&lt;ul&gt;
		&lt;li&gt;Primeiro item&lt;/li&gt;
		&lt;li&gt;Segundo item&lt;/li&gt;
		&lt;li&gt;Terceiro item&lt;/li&gt;
		&lt;li&gt;Quarto item&lt;/li&gt;
	&lt;/ul&gt;
&lt;/div&gt;
</pre>
<p><strong>CSS:</strong></p>
<pre class="syntax-highlight:css">#listas {
		float: left;
		position: relative;
		}
</pre>
<p>Veja a renderização correta no Firefox e o bug no Internet Explorer 6<br />
<div id="attachment_253" class="wp-caption aligncenter" style="width: 376px"><img src="http://www.kadunew.com/blog/wp-content/uploads/2009/03/bug_com_listas_no_ie6.gif" alt="Bug do fundo desaparecendo em listas" title="Bug do fundo desaparecendo em listas" width="366" height="617" class="size-full wp-image-253" /><p class="wp-caption-text">Bug do fundo desaparecendo em listas</p></div><br />
A solução para sair do bug é simples, basta declarar a regra abaixo para as listas que apresentarem o bug.<br />
<strong>#listas ul{position:relative;}</strong><br />
<h3>Isso vai interessar você também</h3>
<ul class="related_post">
<li><a href="http://www.kadunew.com/blog/css/bug-do-internet-explorer-6-ie6-margem-dobradas" title="Bug do Internet Explorer 6 (IE6) &#8211; Margem dobradas">Bug do Internet Explorer 6 (IE6) &#8211; Margem dobradas</a></li>
<li><a href="http://www.kadunew.com/blog/web-design/22-web-sites-desenvolvidos-com-html5-e-css3" title="22 web sites desenvolvidos com HTML5 e CSS3">22 web sites desenvolvidos com HTML5 e CSS3</a></li>
<li><a href="http://www.kadunew.com/blog/css/ferramentas-css3-online-para-web-designers" title="Ferramentas CSS3 online para Web Designers">Ferramentas CSS3 online para Web Designers</a></li>
<li><a href="http://www.kadunew.com/blog/css/como-criar-um-layout-de-3-colunas-com-css" title="Como criar um layout de 3 colunas com CSS">Como criar um layout de 3 colunas com CSS</a></li>
<li><a href="http://www.kadunew.com/blog/css/mostrar-legenda-ao-passar-o-mouse-sobre-imagens" title="Mostrar legenda ao passar o mouse sobre imagens">Mostrar legenda ao passar o mouse sobre imagens</a></li>
<li><a href="http://www.kadunew.com/blog/css/10-efeitos-com-propriedades-css3" title="10 efeitos com propriedades CSS3">10 efeitos com propriedades CSS3</a></li>
<li><a href="http://www.kadunew.com/blog/browsers/ie6-fora-da-internet-brasileira" title="IE6 fora da internet brasileira">IE6 fora da internet brasileira</a></li>
<li><a href="http://www.kadunew.com/blog/css/exemplos-de-menus-em-css" title="Exemplos de menus em CSS">Exemplos de menus em CSS</a></li>
<li><a href="http://www.kadunew.com/blog/css/comentarios-condicionais-para-o-internet-explorer" title="Comentários condicionais para o Internet Explorer">Comentários condicionais para o Internet Explorer</a></li>
<li><a href="http://www.kadunew.com/blog/css/abreviando-propriedades-css" title="Abreviando propriedades CSS">Abreviando propriedades CSS</a></li>
</ul>
<img src="http://www.kadunew.com/blog/?ak_action=api_record_view&id=252&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.kadunew.com/blog/css/bug-do-internet-explorer-6-ie6-fundo-desaparecendo-em-listas/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bug do Internet Explorer 6 (IE6) &#8211; Margem dobradas</title>
		<link>http://www.kadunew.com/blog/css/bug-do-internet-explorer-6-ie6-margem-dobradas</link>
		<comments>http://www.kadunew.com/blog/css/bug-do-internet-explorer-6-ie6-margem-dobradas#comments</comments>
		<pubDate>Tue, 03 Feb 2009 13:45:54 +0000</pubDate>
		<dc:creator>Carlos Eduardo - Kadu</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[bugs IE6]]></category>
		<category><![CDATA[float]]></category>

		<guid isPermaLink="false">http://www.kadunew.com/blog/?p=230</guid>
		<description><![CDATA[Bugs do Internet Explorer 6 são erros que ocorrem na hora da renderização dos elementos devido esse navegador não seguir os padrões web de desenvolvimento. A Microsoft fez uma grande correção na quantidade dos bugs do Internet Explorer 7 e promete que o seu mais novo navegador, o Internet Explorer 8, seja 100% padrões web.
Como [...]]]></description>
			<content:encoded><![CDATA[<p>Bugs do Internet Explorer 6 são erros que ocorrem na hora da renderização dos elementos devido esse navegador não seguir os padrões web de desenvolvimento. A Microsoft fez uma grande correção na quantidade dos bugs do Internet Explorer 7 e promete que o seu mais novo navegador, o Internet Explorer 8, seja 100% padrões web.<br />
Como a maioria dos bugs concentram-se no Internet Explorer 6, vou apresentar alguns bugs clássicos e suas respectivas soluções desse navegador.<br />
<span id="more-230"></span></p>
<h3>Bug da margem dobrada</h3>
<p>Este bug acontece sempre que flutuamos um elemento à esquerda (ou à direita) e declarar para o mesmo elemento uma margem para o mesmo lado que o elemento foi flutuado. O IE 6 e anteriores dobrar o valor da margem.<br />
<strong>Veja o exemplo:</strong></p>
<pre class="syntax-highlight:css">
...
&lt;style type=&quot;text/css&quot; media=&quot;all&quot;&gt;
#float{
	width: 250px;
	height: 250px;
	background: #FF0000;
	float: left;
	margin: 10px 0 0 50px;
	}
&lt;/style&gt;
</pre>
<pre class="syntax-highlight:html">
&lt;/head&gt;
&lt;body&gt;
&lt;div id=&quot;float&quot;&gt;DIV com float&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>Observe na imagem a renderização errada no navegador IE e a correta no navegador Opera.<br />
<div id="attachment_231" class="wp-caption aligncenter" style="width: 432px"><img src="http://www.kadunew.com/blog/wp-content/uploads/2009/02/bug_margem_dobrada_ie6.gif" alt="bug margem dobrada ie6" title="bug margem dobrada ie6" width="422" height="797" class="size-full wp-image-231" /><p class="wp-caption-text">bug margem dobrada ie6</p></div></p>
<h4>A solução do bug</h4>
<p>A solução para este bug é simples, é só declarar display:inline; para o elemento flutuado. Veja o exemplo abaixo:</p>
<pre class="syntax-highlight:css"> 
#float{
	display:inline;
	width: 250px;
	height: 250px;
	background: #FF0000;
	float: left;
	margin: 5px 0 0 50px;
	}
</pre>
<p>Elementos que são flutuados assumem a condição de elementos <a href="http://www.kadunew.com/blog/?p=180">nível de bloco</a>, sendo que navegadores padrões ignoram essa declaração.<br />
<h3>Isso vai interessar você também</h3>
<ul class="related_post">
<li><a href="http://www.kadunew.com/blog/css/bug-do-internet-explorer-6-ie6-fundo-desaparecendo-em-listas" title="Bug do Internet Explorer 6 (IE6) &#8211; fundo desaparecendo em listas">Bug do Internet Explorer 6 (IE6) &#8211; fundo desaparecendo em listas</a></li>
<li><a href="http://www.kadunew.com/blog/web-design/22-web-sites-desenvolvidos-com-html5-e-css3" title="22 web sites desenvolvidos com HTML5 e CSS3">22 web sites desenvolvidos com HTML5 e CSS3</a></li>
<li><a href="http://www.kadunew.com/blog/css/ferramentas-css3-online-para-web-designers" title="Ferramentas CSS3 online para Web Designers">Ferramentas CSS3 online para Web Designers</a></li>
<li><a href="http://www.kadunew.com/blog/css/como-criar-um-layout-de-3-colunas-com-css" title="Como criar um layout de 3 colunas com CSS">Como criar um layout de 3 colunas com CSS</a></li>
<li><a href="http://www.kadunew.com/blog/css/mostrar-legenda-ao-passar-o-mouse-sobre-imagens" title="Mostrar legenda ao passar o mouse sobre imagens">Mostrar legenda ao passar o mouse sobre imagens</a></li>
<li><a href="http://www.kadunew.com/blog/css/10-efeitos-com-propriedades-css3" title="10 efeitos com propriedades CSS3">10 efeitos com propriedades CSS3</a></li>
<li><a href="http://www.kadunew.com/blog/browsers/ie6-fora-da-internet-brasileira" title="IE6 fora da internet brasileira">IE6 fora da internet brasileira</a></li>
<li><a href="http://www.kadunew.com/blog/css/exemplos-de-menus-em-css" title="Exemplos de menus em CSS">Exemplos de menus em CSS</a></li>
<li><a href="http://www.kadunew.com/blog/css/comentarios-condicionais-para-o-internet-explorer" title="Comentários condicionais para o Internet Explorer">Comentários condicionais para o Internet Explorer</a></li>
<li><a href="http://www.kadunew.com/blog/css/abreviando-propriedades-css" title="Abreviando propriedades CSS">Abreviando propriedades CSS</a></li>
</ul>
<img src="http://www.kadunew.com/blog/?ak_action=api_record_view&id=230&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.kadunew.com/blog/css/bug-do-internet-explorer-6-ie6-margem-dobradas/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

