Nossa meu site está lindo no firefox! fiz um bom trabalho!!
NÃAAAAAAAAAAAAAAAAOOO, MALDITO IE!!!
é normal essa cena né? ahahah
Então, venho apresentar o css reset!
Para quem não sabe, é uma forma muito útil de se livrar de uma boa parte desses problemas de incompatibilidade.
Todos nós desenvolvedores que escreve sites de acordo com os padrões web, sabemos muito bem que sempre vamos nos deparar com esses problemas. Pelo menos por um bom tempo.
Sabemos que os navegadores possuem valores diferentes, em margins e paddings, mas também existem outras incompatibilidades por culpa da Microsoft.. 
. A empresa que sempre liderou e continua liderando a web em cerca de 90% com seu navegador Internet Explorer. Ela por nunca ter se importado em desenvolver um navegador correto de acordo com a w3c, fez surgir um grande problema para os desenvolvedores, a incompatibilidade.
Então era normal antigamente você ver site com diversas versões, cada versão para um browser e uma resolução. Imagina uma atualização nesses sites? levaria a metade do tempo de criação do mesmo!!
Se quiser saber mais a respeito, estude sobre ” A Guerra dos Browsers “ .
Mas graças ao número de usuários do IE ter caído, a empresa vem lançando seu novo navegador, o IE8. E por incrível que pareça seu objetivo é ter o máximo de compatibilidade com os padrões ditos pela w3c. Ótima notícia né? ;]
Voooolllltaaanddo ao css reset.. Enquanto isso não é realidade vamos usar css reset ^^
Css reset é uma estratégia de lidar com algumas incompatibilidades. Basicamente ela faz zerar algumas propriedades do navegador que seu site será visualizado, e essas propriedades você é quem diz ao navegador quais são elas.
Através do seletor * podemos chamar e mudar todos os valores de propriedades CSS que como padrão o browser dita.
Eu particularmente uso:
* {
Margin: 0
Padding: 0
list-style:none;
}
Veja no link abaixo outras propriedades:
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
Então, sempre comece um css zerando o básico. Isso facilitará seu desenvolvimento!
teh+
Cara, eu pensava exatamente assim até terça-feira, quando eu li isso: http://blogs.msdn.com/ie/archive/2008/01/21/compatibility-and-ie8.aspx
Obviamente, a Microsoft quer tirar a culpa de cima dela por não ter um programa consistente, mas o argumento dela é completamente válido. Se não fosse por um bando de progrAMADORES por aí, o IE 6 (mais utilizado no mundo) já teria se adaptado melhor aos padrões web. Por isso que hoje, quando eu reclamo do IE penso comigo mesmo: “se não fosse por um bando de maus programadores eu não estaria fazendo isso”.
E por isso que hoje, com o IE 8, eles se preocupam tanto com os padrões. Cada vez mais os desenvolvedores estão se adaptando a eles. Para pessoas instruídas como nós, sabemos que o Firefox, o Opera e o Safari funcionam muito bem com os padrões atuais, mas não são muito bons com alguns “padrões antigos”.
No final das contas, concordo com você. Acho que eles deveriam ter se preocupado mais com os desenvolvedores e dado um suporte maior ao DOCTYPE ou a alguma outra forma de “alternar” os modos de exibição (modo “clássico”, modo “webstandards”).
E voltando ao tópico principal do seu post, acho que você deveria dar uma estudada com relação ao “* {…}” e outros métodos CSS reset e descobrir o porquê de a maioria deles não usar o *.
(Quase do tamanho do seu post, né?)
Oi Marcos!!
é, esse IE não é mole não..!!
Eu acho que na verdade ele deveria ter seguido sempre os padrões..
e os desenvolvedores que deveriam estudar e procurar saber sobre eles..
Porque se é padrão, é porque é uma coisa certa.
Agora, eles estão levando o preço.. pois chegou um momento maior sobre o assunto. Os desenvolvedores estão estudando e criando dessa forma certa. Agora vamos ver se essa nova versão não será só mais uma das inúmeras versões e dores de cabeça que a microsoft sempre deu aos desenvolvedores. Pelo menos o caminho que está se levando agora é o mais certo. Só em saber que eles estão preocupados com isso, passo a ter uma esperança legal!
Ah, e vamos agradecer aos evangelistas dos padrões e tbm ao firefox.. rs
Sobre o seletor, eu ví que ele é suportado em todos os browsers.
http://dev.l-c-n.com/CSS3-selectors/browser-support.php
Mas também li por alto que ele engloba tudo da página, até mesmo docytypes, comentários..
seria esse o problema?
Ainda vou fazer uma busca maior sobre esse seletor universal..
Abraços kra!