Estilos iguais em Navegadores

Abordaremos nesta simples coluna como montar estilos para diferentes navegadores, para que o site fique igual em qualquer navegador.

Por | @oficinadanet Programação
Ola, Amigos

Queria compartilhar com vocês uma coisa bem simples, mas que muitos programadores e
desenvolvedores sofrem com esse problema, quero falar sobre estilizar um layout de Site
em Navegadores(Browsers). Para ser mais preciso quero diser que quando desenvolvemos um site temos que nos preocupar com tudo logicamente mas uma coisa que nos da dor de cabeça é o fato de alguns navegadores interpretarem diferentes o conteudo das paginas Html, asp ou php em fim.

Desenvolvedores que estão começando agora tem muita dor de cabeça como eu tive no começo de minha carreira, o fato de um estilo em CSS pegar no Internet Explorer e mesmo não pegar no Firefox entendem. Todos nos sabemos que o correto é o site ou sistema web funcionar com o mesmo layout e funcionalidade em qualquer navegador, esse é o sistema correto independente para que função ele ira desempenhar.

Existem tags que ficam corretamente vizilizadas no IE e outras ficam diferentes no FF em fim, isso ocorre devido a interpretação diferente dos navegadores. Visando solucionar isso e que eu postei esta coluna. Tomamos por base o seguinte conceito:

Qual é os navegadores mais usados atualmente ?

Pois bem todos nos sabemos que exitem varios, mas os mais
usados e difundidos atraves de downloads atualmente e o Internet Explorer
e Firefox

Ai entra o fudamento desta coluna, hehehe. Nos resta fazer um estilo para cada
um destes 2 navegadores, e colocamos simplemente uma verificação no caso
desta coluna sera Asp que imprimira no cabecalho da pagina Html qual sera a CSS correta
para tal tipo de navegador construa uma pagina Asp e em primeiro de tudo coloque esta verificação como esta o codigo a baixo. Vejamos:
<%
Sub PegaNavegador()

Dim objBrowser
objBrowser = Request.ServerVariables("HTTP_USER_AGENT")
    
if instr(objBrowser, "MSIE") then
Response.Write ""
elseif instr(objBrowser, "Mozilla") then
Response.Write ""
else
Response.Write "Seu navegador não é Netscape nem Explorer"
end if

End Sub
%>


Apos isso, monte a pagina Asp normal como esta aqui e chame a função acima dentro das tags
e , para chamar a função basta colocar deste modo <% Call PegaNavegador() %>


Estilos Variados

<% Call PegaNavegador() %>


  



e criem uma pasta no diretorio do sei site com o nome de "styles" e dentro desta pasta
coloquem dois arquivos ".css" chamados "style_ie.css" e "style_ff.css" quando  pagina for processada pelo servidor a função imprimira no documento html o estilo certo a ser usado pelo Browser que requisitou a pagina. simples não. Agora é so voces desenvolvedores e programadores colocar as Classes CSS dentro dos respectivos arquivos.

Veja que eu coloquei "style_ff.css" para FireFox e "style_ie.css" para Internet Explorer sendo assim querer ser criado um estilo para cada browser e tendo que testar o sistema quando em faze de desenvolvimento tanto no FF quanto no IE mas isso não é uma coisa tão complicada  de se fazer deste modo o sistema fica o mesmo layout certo em ambos os navegadores.

o Codigo completo do arquvo acima fica assim:

Nome do Arquivo: default.asp
<%
Sub PegaNavegador()

Dim objBrowser
objBrowser = Request.ServerVariables("HTTP_USER_AGENT")
if instr(objBrowser, "MSIE") then
Response.Write ""
elseif instr(objBrowser, "Mozilla") then
Response.Write ""
else
Response.Write "Seu navegador não é Netscape nem Explorer"
end if

End Sub
%>



Estilos Variados
<%Call PegaNavegador()%>


  



Na raiz do seu site ficara deste modo.

Estilos iguais em Navegadores

Agora é so ir montando o site e colocando as classes CSS nos arquivos respectivos de cada
Browser.

Um Forte Abraços e ate a proxima.
Rodrigo
rodrigo_arf@hotmail.com

Mais sobre:
Share Tweet
DESTAQUESRecomendado
Mais compartilhados
Comentários