Muita coisa sobre CSS, HTML, Javascript, Search engine optimization (seo), padrões e web
15 Aug
Se você está usando em seus estilos CSS o hack para IE7, cuidado, que seu site pode não ser bem visualizado no Safari.
Descobrimos, aqui na empresa, que o Safari interpreta o asterisco - mesmo que não acompanhado pela barra - como um comentário. Ou seja, os códigos abaixo são equivalentes para o browser do Mac:
#coluna { padding: 50px; *padding: 60px; background-color: red; } [...]
#coluna { padding: 50px; /*padding: 60px; background-color: red; } [...] */
Perceba que o Safari irá ignorar tudo, mas tudo mesmo, que vier depois do asterisco. Portanto o background-color não será aplicado, inclusive as demais regras que vierem no arquivo CSS.
A solução é repetir o hack novamente. Por exemplo:
#coluna { padding: 50px; *padding: 60px; *padding: 60px; background-color: red; } [...]
Dessa forma o Safari inicia o comentário no primeiro hack e finaliza ele no segundo.
E reclamam do Internet Explorer.
4 Responses for "Bug com asterisco na renderização do CSS, no Safari"
Você não acha mais interessante criar um arquivo .css só para os hack’s do IE?
Por exemplo:
Ai dentro desse arquivo você define quais serão os hacks pro IE6 e IE7, evitando qualquer problema com o safari.
#teste { _height:100px; } /* hack pra IE6 */
#teste { *height:200px; } /* hack pra IE7 */
Bruno,
Eu não gosto muito dessa idéia de criar um arquivo para cada navegador. Parece que retrocedemos para a época do Netscape.
Prefiro nem precisar dos hacks, mas quando é inevitável, acho melhor colocar o hack na mesma linha do estilo correto.
[]s
Amigao… fiz essa dica pois tinha muito ie hack no meu css mas não funcionou…. continua com as mesmas falhas de antes como não tivesse alterado nada
pior que nao valida no W3c…
Leave a reply