por Diego Eis Junho 3rd, 2005
Nada de Hacks
Artigo que saiu no StyleGala mostrando uma alternativa para não usar hacks no CSS e manter um pouco mais compatibilidade com o CSS-P.
Na minha opinião, não vale tanto esforço.
Artigo que saiu no StyleGala mostrando uma alternativa para não usar hacks no CSS e manter um pouco mais compatibilidade com o CSS-P.
Na minha opinião, não vale tanto esforço.
meu Deus… pra que isso.. concordo com você plenamente que não vale tanto esforço..
Até por que no meu ponto de vista e pelo que eu sei, o único problema decorrente dos hacks, é que o css não valida no w3c.
então, ninguem vai morrer, ou ter problemas por causa disso.
alguém sabe o que mais pode acarretar os hacks ?
também acredito que um código que não valida não mata ninguém. mas às vezes eu penso: será que pensando assim eu não estou jogando toda a filosofia fora?
bá… isso nem é esforço… sempre trabalhei assim, afinal sou mais programador web do que designer ![]()
eu vou lá faço 3 arquivos css… altero certinho para cadas navegador e boa… coloco no php pra reconhecer e td certo! ![]()
mas eu sinceramente, gostaria que todos os navegadores pudessem ver da mesma forma… pensei uma época até em lançar tipo um movimento onde só seriam feitos sites possíveis de se visualizar em navegadores com os padrões corretos da web… fazendo pressão assim… mas larguei mão… vou trabalhar e ganhar dinheiro que ganho mais hehe ![]()
abraço! o texto lá não é de todo ruim… ![]()
Eu acho que fazer várias folhas de estilo é q é contra a filosofia.
.
Tb acho q não vale a pena fazer dessa forma. ![]()
Não concordo quando ele diz que HACKS não validam… Eu valido todos os meus CSS e TODOS possuem haks inevitavelmente. Existem alguns macetes para isso!!!!
Dá mais trabalho fazer do geito que ele está falando do que usar os hacks certos que validam!!!!
Eu já tinha pensado nesse possibilidade para padronizar o meu desing em todos os navegadores, mas tipo é muito trabalhoso, 3 css’s, um codigo php chato de se fazer ainda … Prefiro que tenham poucas mudanças soh no layout, sem usar hacks, sabe neh, o ie interpreta width de um jeito o mozilla de outro, mesma coisa pra position XD
tava pensando mais sobre isso ai e acabei pensando que essa idéia é ainda pior ao se pensar que o php não vai ficar no cache, isso joga fora também a vantagem de não carregar o css toda vez que o usuário entra no site. lá se vai vantagem de menos banda e de mais velocidade no carregamento das páginas.
Henrique Costa, conta esses macetes ai pra gente ![]()
A maior disputa referente aos hacks é entre o IE e o FF, pq entao a microsoft não aproveita a nova versão do IE, (IE 7.0) e coloca o mesmo funcionamento de posições igual ao do FF? ![]()
Acho que seria mais fácil fazer css diferentes e usar este script para carregar o arquivo .css correto (evitando assim a desvantagem de perder o cache) podendo até trabalhar com cookies ou sessions para guardar o navegador e não precisar conferir isto a cada página (ou visita).
Agora gerar diferentes arquivos .css não é nenhum trabalho hercúleo, seria o mesmo que trabalhar com hacks, é só pegar o arquivo original (por exemplo para o FF) e as linhas a serem modificadas ir alterando nos outros arquivos (is.css, opera.css …).
A desvantagem principal disto é quando tiver que serem feitas modificações no .css, e quando a página tiver diferentes arquivos de folhas de estilo.
Legal, eu fazia assim antes, mas através dos Hacks é bem mais fácil.
Será que vale a pena voltar a fazer?
HACKS….
O artigo tenta dar uma solução que tenta reinventar a roda que já está em uso à anos. O problema para o "box model" do internet explorer já possuiu um esquema aceito pelo W3C que é mais "elegante" do que a solução proposta pelo artigo. Sem falar que é mais simples e MUITO menor.
O internet explorer interpreta certos espaçamentos com o uso do "padding" e "margin" diferente de todos os outros. Não é necessário 3 estilos para 3 principais browser. Um único estilo com hacks exclusivos para internet explorer é suficiciente. Por exemplo:
Para todos os browsers você declara:
.exemplo {
/* PARA TODOS OS BROWSER */
width: 20px;
margin: 25px;
}
* HTML .exemplo {
/*LIDO somente pelo Int. Explorer */
width: 19px;
margin: 22px;
}
/* Inserido o "*" (asterisco) + o acrônimo HTML seguido pelo seletor e a declaração, o internet explorer ignora o seletor SEM o "* HTML" e interpreta o HACK desde que ele esteja escrito abaixo da declaração de mesmo nome.
Hoje eu vejo que é quase impossível Tableless sem hacks. Mais ainda. Escrevendo desta maneira a W3C valida o seu CSS 100% e sem warnings!!!! ATé hoje, hacks só foram necessário para o internet explorer.
Acho que isto responde o que o Vítor pediu! ; )
Henrique
O problema do exemplo aquele é a cacheabilidade do arquivo css gerado. Eu estou facendo ativos os hacks dos que preciso ativando eles com DOM. Um simples JAvascript que reage ao browser do usuario. Pode ser cacheable e muito efectivo. CSS valida. É meu jeito, só um jeito mais de facer as coisas
O Opera vem padrão para se indetificar como IE então ele pegaria o CSS do IE e não do Opera.
Axo que usando hacks e mais dificil acontecer esses imprevistos.
E sem contar que tem uns erros no script php
quando eu abro no Netscape ele reconhece como Firefox e quando eu abro no mozilla ele mostra todos os nomes dos navegadores = )
bom é facil arrumar mas só to comentando