Bem vindo ao SOS Designers

Faça o seu cadastro gratuito no Portal SOS Designers e tenha um acesso personalizado.

Empresas

Cadastre gratuitamente suas vagas, crie sua propria Lista de Curriculos Favoritos, e tenha um acesso personalizado.

Usuarios

Cadastre gratuitamente seu curriculo, crie sua propria Lista de Noticias Favoritas e tenha um acesso personalizado.

Área de Empresas | Vagas

Área de acesso a empresas cadastradas que desejam postar vagas de empregos no Portal e pesquisar curriculos.

Cadastre-se gratuitamente
Esqueceu a sua senha?

Área de Usuarios | Curriculos

Área do Usuario que deseja cadastrar seu curriculo e pesquisar vagas.



Cadastre-se gratuitamente
Esqueceu a sua senha?


Redes Sociais
Siga o Portal SOS Designers no Twitter Siga o Portal SOS Designers no Facebook

CSS


Você está aqui: Home » CSS » CSS Reset: Firefox, perfeito! Internet Explorer, torto?

CSS Reset: Firefox, perfeito! Internet Explorer, torto?


Pesquisar no Portal SOS Designers





Tempo Real



Siga o SOS Designers








pub_flash( 'http://www.sosdesigners.com/banners/mktdigital_flash_468x60.swf', 468, 60 ); " alt="Tecnoponta - 468 x 60 - webdesign" />

Este artigo foi feito especialmente para você, caro designer, programador de respeito que se preocupa como seu site esta sendo exibido em diferentes navegadores.

Se você é realmente essa pessoa, com certeza, já passou por grandes apuros na hora de fazer com que seu site seja renderizado corretamente em todos os navegadores.

De uns tempos para cá tem se visto muito falar nos tais “CSS Resets“. Antes de falar o que é o CSS Reset eu vou explicar por quê seu site aparece de um jeito no Firefox e no Internet Explorer de outro (ou vice-versa).

Este problema acontece por que os valores PADRÃO de um navegador para o outro variam, por exemplo, a margem padrão do body pode ser 10px no Internet Explorer e 8px no Firefox. Se você aumentar o numero de tags e possibilidades vai entender que isso acontece não por que o Internet Explorer seja uma bosta (não que não seja ;P) mas sim por que os navegadores dão valores dafaults diferentes para cada tag. Devido a esta falta de padronização de um navegador para o outro, causa a diferença na hora da renderização.

Claro que não são todos. Os navegadores tentam se aproximar um do outro mais sempre passa despercebido uma tag ou outra.

O CSS Reset veio para tentar minimizar estes problemas, o objetivo dele, é resetar todas as propriedades das tags htmls de marcação para que assim não importe de onde você acessa. A margem, a largura etc… sempre vão ser iguais independente do browser que estiver renderizando seu site.

Agora você ficou interessado né? (hehe)
No endereço abaixo você encontra um exemplo do CSS Reset em ação:
http://www.monc.se/tripoli/sample.html

Agora pegue o andereço que eu passei anteriormente e abra em qualquer navegador (IE, FF, OP, NS etc) que você tiver. Se você observar, logo notará não vai ocorrer diferença de posicionamento, margem, formatação, largura, se tiver vai ser insignificante ou seu browser é jurássico.

O Nome deste CSS Reset foi chamado pela MONC de Tripoli

Como posso começar a usar?

Você precisa de 4 arquivos:

  • reset.css – reseta todas as propriedades independente do browser
  • generic.css – re-constrói e atualiza a forma que o HTML é renderizado pelo navegador
  • ie.css – este arquivo contem regras a parte para que o css reset funcione no Internet Explorer.
  • print.css – torna o HTML legível quando impresso.

Como devo chama-los no meu cabeçalho?

Exemplo

<style type="text/css" media="all">  @import url(css/reset.css);  @import "css/generic.css";  </style> <style type="text/css" media="print"> @import url(css/print.css) print; </style><!--[if IE]>

<style type="text/css" media="all"> @import url(css/ie.css); </style> <![endif]-->

Espero que tenha contribuído!
[]’s

Pronto!
Agora você só precisa criar o css do seu site e começar a definir as regras do seu layout.

Deixe seu comentário:





© Copyright 2002-2018
Portal SOS Designers
Webmaster: Luiz Antonio Bovi