1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Criar CSS's diferentes para vários browsers

Discussão em 'Web Development' iniciada por .:Red Dragon:., 21 de Julho de 2008. (Respostas: 14; Visualizações: 1004)

  1. .:Red Dragon:.

    .:Red Dragon:. Power Member

    Boas!

    Eu gostava de saber como é que faço para que uma página em HTML ou PHP chame CSS's diferentes consoante o browser do utilizador.

    Por exemplo, se for Firefox, a página vai buscar o "firefox.css" e se for o IE vai buscar o "ie.css". Já vi isso em ASP mas gostava de saber isso em HTML ou PHP.
     
  2. hostmake

    hostmake Power Member

  3. z80

    z80 Power Member

    ele nao pode usar javascript para carregar dinamicamente o css? nunca fiz isso mas é só uma ideia, pois sei q com js dá para detectar o browser =)
     
  4. .:Red Dragon:.

    .:Red Dragon:. Power Member

    Hum... Vou ver por PHP e depois se não conseguir, vou tentar por Js.
     
  5. hostmake

    hostmake Power Member

    pode, mas ele não falou em JS.

    não adivinho :D


    Pode usar DOM e mudar o estilo a meio da página, fazendo um load por cima, ou entao, por mesmo os css's dentro de document writes e verificar logo o browser :)

    Como ver o browser, existem montes tutorials, se calhar um prático, é num bom script de adicionar aos favoritos, pois eles procuram o browser para saber que acções tomar :)
     
  6. hYpe

    hYpe [email protected] Member

  7. Py_

    Py_ Power Member

    É possível utilizar esta forma mas não deveriam ser utilizados esses comentários. Com algum esforço é possível criar uma css compatível em todos os browsers... já me chatearam muito mas é possível ser feito. O IE é que continua a ser incompatível com alguns efeitos criados pela css mas para isso sempre existe o JavaScript...
     
  8. meiokilo

    meiokilo Power Member

    Eu faço assim:
    <head>
    <style type="text/css">
    @import "css/globalMF.css";
    </style>

    <!--[if IE ]>
    <style type="text/css">
    @import "css/globalIE.css";
    </style>
    <![endif]-->
    </head>

    basicamente primeiro importas o ficheiro para o Firefox e depois caso o browser seja o IE importa um novo ficheiro que vai sobrepor o anterior.
     
  9. Py_

    Py_ Power Member


    Porque não crias uma css compatível com os 2 browsers?? ok que perdes mais algum tempo mas da forma que os browsers estão a ser padronizados os sites que tens feitos neste momento poderão vir a ficar um bocado para os distorcidos.... :lol:
     
  10. slack_guy

    slack_guy Power Member

    E se não for nem FF nem IE? é que existem mais browsers com diferentes 'layout engines'
     
  11. greven

    greven Folding Artist

    Faz só um CSS. Aplica uns Hacks para o iE 6 se for preciso. Não faças várias templates, eu não faria...
     
  12. Py_

    Py_ Power Member

    Eu sei que exitem mais browsers e com diferentes formas de render, eu lido com isso todos os santos dias...

    Os mais utilizados no mundo são o firefox e em segundo o ie... infelizmente ainda existe quem tenha preguiça de instalar um browser decente...

    As css que crio são testada durante o momento de desenvolvimento no ff2, ie6 e ie7... Crio 1 ficheiro sem hacks compativel com os 3... cada vez mais os motores de render funcionam da mesma forma como podemos ver com o que aconteceu do ie6 para o ie7 e estar a estragar o código com css hacks... não me agrada... Claro que essa é a solução mais prática e poucas algum tempo.. e sem dúvida é melhor solução do que criar vários ficheiros...

    Cumprimentos,
    Py_
     
  13. SoundSurfer

    SoundSurfer Power Member

    Olhe que não, olhe que não :002:

    O problema dos "hacks" é que, quando sai uma nova versão do IE, por exemplo, os hacks deixam de funcionar... e "puff", lá se vai tudo...
    a minha sugestão é:

    1 - tentar fazer 1 CSS que dê em todos... pode dar mais trabalho, mas é possível.
    2 - Se 1 não for viável, fazer uma css para outros browsers e depois usar os "conditional comments" descritos acima, acrescentando uma css para o que é preciso alterar no IE.

    (falo por experiência própria, tive de andar a mudar sites quando saiu o IE 7)
     
  14. lfdesign

    lfdesign Power Member

    Não sei em que mundo vives... Mas neste isso não se verifica... É mais ao contrário!
     
  15. duffy

    duffy Power Member

Partilhar esta Página