View Full Version : CSS e IE


Bonder
22-11-2007, 18:15
Estou aqui com outro problema no IE.
No firefox a página está como eu queria, mas quando a abro no IE aparecem alguns erros.
a página é a seguinte:
http://pferreira.freehostia.com/sportsalvalade2/contacto.php

Os erros são:
- a barra contactos aparece cortada no IE
(o problema disto dever ter a ver com o margin:-10px)
.content-title-big{
color: white;
text-align:center;
background:url(../imagens/layout/content-title-big.png) no-repeat left top;
margin-bottom:10px;
padding: 5px 0 5px 0;
font-weight:bold;
margin-top:-10px;
- a parece uma imagem depois de cada box
(não faço ideia porque)

- os bullets do menu tambem não estão correctos
(não faço ideia porque)

Obrigado

anjo2
22-11-2007, 20:11
devido a isso eu uso:
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="style-ie.css" />
<![endif]-->

Assim podes definir um css especial para quem utiliza ie

Fil__
23-11-2007, 11:57
ou mais simples ainda
tens por exemplo
width: 10px (no firefox fica bom certo?
colocas no codigo
_width: 0px (por exemplo)(isto no ie6)
*width: 4px (por exemplo)(isto no ie7)

ou seja:

width: 10px
_width: 0px
*width: 4px

BMCouto
23-11-2007, 12:14
Provavelmente o problema já está resolvido, porque não vejo nenhum problema no site que referiste...

SoundSurfer
23-11-2007, 17:53
ou mais simples ainda
tens por exemplo
width: 10px (no firefox fica bom certo?
colocas no codigo
_width: 0px (por exemplo)(isto no ie6)
*width: 4px (por exemplo)(isto no ie7)

ou seja:

width: 10px
_width: 0px
*width: 4px

Esta é a forma totalmente incorrecta de resolver o problema.
Basta ver a última transição do IE6 para o IE7 em que metade dos "hacks" foram à vida...

devido a isso eu uso:
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="style-ie.css" />
<![endif]-->

Assim podes definir um css especial para quem utiliza ie

Esta é a forma correcta de contornar os problemas do IE, usar os "conditional comments".

Fil__
23-11-2007, 23:37
Admito que pode ser incorrecta mas a verdade é que continua a funcionar portanto ai fica ao criterio da pessoa

Fil__
23-11-2007, 23:43
Alem do mais, os hacks com * nao foram a vida, funcionam todos. * para IE7 e _ para IE6
Totalmente incorrecto? Nao sei porque... desde que funcionem como é nos meus sites, para quê fazer outras folhas de estilo? Enfim... tudo bem, pouco sei portanto façam la como os entendidos dizem que sabem mais que eu. Abraço a todos

SoundSurfer
23-11-2007, 23:46
Não estou a dizer que não funcionam... não sabes é se no futuro continuarão a funcionar.

Sei bem o que me custou quando saiu o IE7 ter de andar a "apagar fogos".

Quanto às folhas de estilo adicionais, apenas precisas de fazer "override" às classes onde existem problemas :)

Fil__
23-11-2007, 23:49
Sim, e verdade mas como no ie6 eles se aguentaram, assume-se que no ie7 tambem nao havera problemas. O ideal sera mesmo a microsoft abrir a pestana e tratar de acabar com esta palhaçada dos browsers deles interpretarem o css de outra maneira