Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Quero dicas de como montar um tableless que fique da mesma forma nos diversos navegadores, como Firefox, Google Chrome, Opera, e o mais problematico Internet Explorer.
Agradeço a quem ajudar, Obrigado.
Acho que tu abordou um assunto meio genérico. Se tu fosse mais específico iria poder te ajudar melhor.
Estude sobre desenvolvimento crossbrowser.
1 - Valide SEMPRE seu site
O :seta: W3C Validator ajuda a deixar o site dentro dos padrões web (webstandards). É a chave pra um site não só crossbrowser como bem desenvolvido. :thumbsup:
2 - Use CSS Reset
O CSS Reset ajuda a manter um padrão na formatação e renderização em cada browser (cada um renderiza de forma diferente). Os navegadores, por default, adicionam margens, determinam fontes (e seus tamanhos), preenchem elementos.. Enquanto o IE pode ter uma margem de topo de 6 pixels por padrão, o Firefox pode ter 10. Com o uso de CSS Reset, tu pode tirar todas essas margens, tamanhos de fontes e ir determinando no CSS o que tu quer que tenha, sem que a formatação default do browser interrompa na renderização.
To com preguiça de revisar, mas basicamente é isso.
3 - Pratique
Essa é bem genérica, mas vale te lembrar. Sempre quando for desenvolver vai revisando teus códigos e vendo como eles estão sendo renderizados em cada browser. Assim tu já vai pegando o jeito de como trabalhar com cada um (principalmente com o IE — IETester é essencial).
Trabalhe com if (comentários condicionais) também (link no final do post). Resumidamente os ifs servem pra determinações específicas para cada browser.
Links
:seta: http://validator.w3.org/
:seta: http://www.criarweb.com/artigos/o-que-e-cross-browser.html
:seta: http://meyerweb.com/eric/tools/css/reset/
:seta: http://imasters.com.br/artigo/8505/css/conheca_e_use_o_css_reset/
:seta: http://developer.yahoo.com/yui/reset/
:seta: http://tableless.com.br/evite-incompatibilidade-browsers/
:seta: http://qualidadebr.wordpress.com/2010/02/13/testando-em-varios-ies-com-o-ietester/
:seta: http://www.quirksmode.org/css/condcom.html
Vê o que te interessar.
:bye:
As melhores dicas :thumbsup:
>
Algumas coisas você só vai adquirir com o tempo.
>
3 - Pratique
se você explicar pelo menos o que é um 'tableless'...
>
se você explicar pelo menos o que é um 'tableless'...
"Tableless é uma forma de desenvolvimento de sites que não utiliza tabelas para disposição de conteúdo na página sugerido pela W3C, pois defende que os códigos HTML deveriam ser usados para o propósito que foram criados, sendo que tabelas foram criadas para exibir dados tabulares. Para a disposição da página o recomendado seria usar CSS."
Via Wikipédia.
para "dar certo", tem q fazer sentido para você.
não tenho um caminho das pedras, desculpe. Algumas coisas você só vai adquirir com o tempo.
Evite hacks, sempre valide no w3c, estude todas as propriedades, e saiba oq elas fazem exatamente.