* {
padding: 0;
margin: 0;
border: 0;
}
Sim, o problema é que mudando apenas px para em ou de px para % não vai resolver grande coisa.Eu penso que ele só se referia à "medida" a usar.
É, no entanto, informação sempre útil a ter em conta.
Não é por utilizares px em % que consegues compatibilidade.
As diferenças entre browsers são muitas vezes nos valores padrão das propriedades CSS por isso uma das coisas que se costuma fazer é redefinir todas as proprieadades logo no inicio.
Também é possivel ter código apenas destinado a um navegadorCódigo:* { padding: 0; margin: 0; border: 0; }
<!--[if IE]> ... .... ... <![endif]-->
Ou até mesmo visando uma versão especifica
<!--[if IE 6]> ... .... ... <![endif]-->
É possivel ter duas folhas de estilo:
<!--[if IE ]>
<link rel="stylesheet" type="text/css" href="para_ie.css" />
<![endif]-->
Documentação da microsoft
Quanto ao redefinir propriedades à partida acho a melhor solução.
visto que os padding's; border's e margin's diferem de explorador para explorador, pequenas diferenças mas que em casos rigorosos fazem diferença.
Para as diferentes folhas de estilo e assim : http://maujor.com/tutorial/condcom.php
penso que o K0mA tem razão, não é por usares em ou px que vai mudar alguma coisa, usar % pode te ajudar a resolver problemas com a resolução dos ecrãs.
Quanto ao redefinir propriedades à partida acho a melhor solução.
visto que os padding's; border's e margin's diferem de explorador para explorador, pequenas diferenças mas que em casos rigorosos fazem diferença.
<link rel="stylesheet" href="/skins-1.5/common/shared.css?230" type="text/css" media="screen" />
<link rel="stylesheet" href="/skins-1.5/common/commonPrint.css?230" type="text/css" media="print" />
<link rel="stylesheet" href="/skins-1.5/monobook/main.css?230" type="text/css" media="screen" />
<link rel="stylesheet" href="/skins-1.5/chick/main.css?230" type="text/css" media="handheld" />
<!--[if lt IE 5.5000]><link rel="stylesheet" href="/skins-1.5/monobook/IE50Fixes.css?230" type="text/css" media="screen" /><![endif]-->
<!--[if IE 5.5000]><link rel="stylesheet" href="/skins-1.5/monobook/IE55Fixes.css?230" type="text/css" media="screen" /><![endif]-->
<!--[if IE 6]><link rel="stylesheet" href="/skins-1.5/monobook/IE60Fixes.css?230" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="/skins-1.5/monobook/IE70Fixes.css?230" type="text/css" media="screen" /><![endif]-->
<link rel="stylesheet" href="/w/index.php?title=MediaWiki:Common.css&usemsgcache=yes&ctype=text%2Fcss&smaxage=2678400&action=raw&maxage=2678400" type="text/css" />
<link rel="stylesheet" href="/w/index.php?title=MediaWiki:Print.css&usemsgcache=yes&ctype=text%2Fcss&smaxage=2678400&action=raw&maxage=2678400" type="text/css" media="print" />
<link rel="stylesheet" href="/w/index.php?title=MediaWiki:Handheld.css&usemsgcache=yes&ctype=text%2Fcss&smaxage=2678400&action=raw&maxage=2678400" type="text/css" media="handheld" />
<link rel="stylesheet" href="/w/index.php?title=MediaWiki:Monobook.css&usemsgcache=yes&ctype=text%2Fcss&smaxage=2678400&action=raw&maxage=2678400" type="text/css" />
<link rel="stylesheet" href="/w/index.php?title=-&action=raw&maxage=2678400&gen=css" type="text/css" />
<!--[if lt IE 7]><script type="text/javascript" src="/skins-1.5/common/IEFixes.js?230"></script>
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
A situação é mesmo essa. Tenho vários componentes dentro de uma tabela, com estilos diferentes, que têm de encaixar "na perfeição". No chrome e firefox funciona tudo bem, mas no IE as coisas aparecem mais "apertadas"
isso é problema do box-model do iexplorer =)
evita usar paddings, e começa a usar margins.