Jump to content


Photo

Css Pra Ie7...


  • Faça o login para participar
7 replies to this topic

#1 Testinha

Testinha

    Turista

  • Usuários
  • 37 posts
  • Sexo:Não informado

Posted 07/07/2008, 09:46

Fala galera,

Eu montei um site conferindo pelo FF e pelo IE6, porém eu tive uma surpresa...depois de tudo pronto eu fui abrir pelo IE7 e o site estava (ainda ta) todo desconfigurado, e agora não da mais tempo de eu refazer todo o site!

O site tem a css normal, que foi feita pro FF:
<link href="_css/estilo.css" rel="stylesheet" type="text/css" />
e uma pro IE, q eu axava que funcionaria tanto pro 6 qto pro 7:
<!--[if IE]><link rel="stylesheet" type="text/css" href="../_css/estilo_ie.css" /><![endif]-->
Agora eu não sei oq eu faço pra arrumar esse eskema do IE7, será que tem como eu fazer um hack de CSS próprio pro IE7???

Ps: eu sei que essa não é a maneira certa, mais seria só por enquanto, até eu refazer o site e substituir esse que eu tenho que colocar no ar hoje de qualquer jeito! >.<

Link do site: http://www.tamvacati...com/chanteclair

Abraços!
:unsure:

#2 fpacheco

fpacheco

    Turista

  • Usuários
  • 30 posts
  • Sexo:Não informado

Posted 07/07/2008, 09:59

Po, to vendo esseee...

pega o que voce fez pro ff e testa no ie7, quase sempre quando funciona no fff o 7 também pega.

#3 Testinha

Testinha

    Turista

  • Usuários
  • 37 posts
  • Sexo:Não informado

Posted 07/07/2008, 10:05

Po, to vendo esseee...

pega o que voce fez pro ff e testa no ie7, quase sempre quando funciona no fff o 7 também pega.

Nas páginas ja ta sendo usados esses 2 códigos, se eu mexer no do FF pra acertar pro 7 ai fode no FF...hehe

eu precisava fazer um só pra IE7, dei uma fuçada e achei algo sobre usar * no código CSS que o IE7 cosegue ler, ai eu fazia os códigos na css do IE6, além das que ja estão eu adicionava os códigos com *...será que da certo??

Abraços!
^^

#4 Kadu DG

Kadu DG

    I Love my Little Girl! http://www.kdsg.net

  • Usuários
  • 597 posts
  • Sexo:Masculino
  • Localidade:Carapicuiba, SP

Posted 07/07/2008, 13:24

http://www.maujor.co...ial/condcom.php
Posted Image

#5 Testinha

Testinha

    Turista

  • Usuários
  • 37 posts
  • Sexo:Não informado

Posted 07/07/2008, 14:19

http://www.maujor.co...ial/condcom.php

Fala Kadu,

Vlw por ter postado esse link, só me tira uma dúvida, então para o IE7 eu devo fazer assim?!

<!--[if gte IE 6]><link href="_css/estilo.css" rel="stylesheet" type="text/css" /><![endif]-->
gte = igual ou maior que o browser setado, ou seja, IE6 e IE7

ta certo??

Abraços!
:D

Edição feita por: Testinha, 07/07/2008, 14:20.


#6 BGGMB

BGGMB

    12 Horas

  • Usuários
  • 156 posts
  • Sexo:Masculino
  • Localidade:Vinhedo SP
  • Interesses:CSS, XHTML, SEO, Photoshop, Illustrator, After Effects, InDesign, Fireworks, Dreamweaver...

Posted 07/07/2008, 21:56

se for pouca coisa não é mais fácil usar uns hackzinhos?

ex:
_padding-left:10px; (vai funcionar só no IE6)
*padding-left:9px; (vai funcionar no IE7 e IE6)
padding-left:8px; (vai funcionar em todos, mais o _ e * vão sobrescrever)

ou seja se você quer ter padding-left:9px; só no IE7 você usa _padding-left e padding-left no FF e IE6 e deixa *padding-left para o IE7

Entendeu ou fui muito confuso?
front-end engineer <tags: css/xhtml/javascript/seo/usability/semantic>
www.brunobincoletto.com - twitter @brunobincoletto

#7 Kadu DG

Kadu DG

    I Love my Little Girl! http://www.kdsg.net

  • Usuários
  • 597 posts
  • Sexo:Masculino
  • Localidade:Carapicuiba, SP

Posted 09/07/2008, 07:00

então testira, na verdade creio que o correte seria desse jeito que vc postou, ou se não:

<!--[if IE 7]>
De acordo com o comentário condicional este é o Internet Explorer 7<br>
<![endif]-->

não tenho mta certeza pq nunca usei mtos essas condicionais! ^^

@BGGMB
então cara, eu não aconselho o uso de hacks, caso o código vá para uma homologação (assim que se escreve?), pode pegar mal o uso deles, já que eles que ser todos comentados e descritos para que servem....mas vai da necessidade de cada um!! ^^

Edição feita por: Kadu DG, 09/07/2008, 07:01.

Posted Image

#8 BGGMB

BGGMB

    12 Horas

  • Usuários
  • 156 posts
  • Sexo:Masculino
  • Localidade:Vinhedo SP
  • Interesses:CSS, XHTML, SEO, Photoshop, Illustrator, After Effects, InDesign, Fireworks, Dreamweaver...

Posted 15/07/2008, 22:22

então testira, na verdade creio que o correte seria desse jeito que vc postou, ou se não:

<!--[if IE 7]>
De acordo com o comentário condicional este é o Internet Explorer 7<br>
<![endif]-->

não tenho mta certeza pq nunca usei mtos essas condicionais! ^^

@BGGMB
então cara, eu não aconselho o uso de hacks, caso o código vá para uma homologação (assim que se escreve?), pode pegar mal o uso deles, já que eles que ser todos comentados e descritos para que servem....mas vai da necessidade de cada um!! ^^


Sim claro, hack's é mais para soluções rápidas ou extremo desespero, em ultimo caso da pra usar um css fix com php para identificar o browser, assim fica de forma correta, mais não deixa de ser uma "gambi" sabe como é...

Algo tipo isso http://forum.wmonlin...t...&pid=910225
Mas nesse caso fiz uma explicação para o Safari, porém totalmente possível para qualquer browser, acredite já vi cliente reclamar que o site não tava legal em navegadores como Maxthon e Neo Planet.

Edição feita por: BGGMB, 15/07/2008, 22:24.

front-end engineer <tags: css/xhtml/javascript/seo/usability/semantic>
www.brunobincoletto.com - twitter @brunobincoletto




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq