css - IE6 e Safari nao dá, de resto tudo ok! pk?

S

SlashString

Power Member
PHP: 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body { 
    background-image: url(imgs/bg_bodyLogin.jpg);
    margin-top: 20%;
}
body,td,th {
    font-family: verdana;
    font-size: 12px;
    color: #333333;
}
.textbox {
    background:#FFFFFF;
    border:#00CC00 1px solid;
    font-family:verdana;
    font-size:10px;
    color:#2C2C2C;
}
.formButton {
    background:#FFFFFF;
    border:#00CC00 1px solid;
    font-family:verdana;
    font-size:12px;
    color:#2C2C2C;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:100px;
    padding-right:101px;
    text-decoration:none;
}
.formButton2{
    background:#00CC00;
    border:#006600 1px solid;
    font-family:verdana;
    font-size:12px;
    color:#FFFFFF;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:85px;
    padding-right:88px;
}

a {
    font-size: 10px;
    color: #333333;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #333333;
}
a:hover {
    text-decoration: underline;
    color: #009900;
}
a:active {
    text-decoration: none;
    color: #333333;
}
.msg {
    font-family: verdana;
    font-size: 12px;
    color: #FF0000;
    background-color: #FFFFCC;
    padding: 4px;
    border: 1px dotted #FF9900;
    font-weight: bold;
}
</style>
</head>
<body>
blablabla
</body>
</html>

Claro que a página tem mais conteúdo, mas o que interessa para a questão é que, não mudando nada dos estilos, tudo funciona perfeitamente no FF, IE7, Chrome, mas no IE6 e no Safari não dá. O browser que para o caso é mais importante é o IE6.. como posso fazer para resolver isto? Alguém me pode ajudar? ..os estilos não contêm erros no CSS Validator.. não sei mais que fazer..

Aguardo ajuda :mad:

Cumprimentos!!
 
Descontinua o suporte para IE6, por amor à santa... ter que suportar IE já é mau quanto mais versões antigas.

Quanto ao Safari que versão estas a usar e que tipo de erro tens?

Uma recomendação, os border e padding usa por "extenso"

padding: 4px => padding-top: 4px; padding-bottom: 4px; etc....

no border a mesma coisa...
 
skandal disse:
Descontinua o suporte para IE6, por amor à santa... ter que suportar IE já é mau quanto mais versões antigas.
Clicar para expandir...

O problema é que trata-se de uma pequena página informativa cujos principais interessados em ver são pequenas empresas,etc em que o sistema operativo deles nunca teve uma actualização de browser aquando da instalação do Windows XP (que por defeito trazia o IE6..)
Posto isto, já não basta a 'miséria' de browser que é, as preocupações em não usar png's, etc.. ainda me dá dores de cabeça com estilos etc..

De todas as formas, resolvi retirar a imagem de fundo e colocar uma cor única e 'resolveu'...
A versão do Safari já é antiga também..

skandal disse:
Uma recomendação, os border e padding usa por "extenso"
padding: 4px => padding-top: 4px; padding-bottom: 4px; etc....
no border a mesma coisa...
Clicar para expandir...
Obrigado pela dica ;)!! Realmente fica bem mais ordenado, e menos linhas da folha..

Cumprimentos
 
Por acaso ocupa mais linhas... pq de padding: 4px; passas a ter 4 linhas :P mas acho que para o IE6 funciona melhor.... assim tens a certeza que ele aplica o padding correctamente.

Outra recomendação é procurares por um reset.css, que basicamente faz "reset" aos estilos default do browser, costuma ajudar :)

Boa sorte para isso, vais precisar :P suportar o IE6 é dose :|
 
Podes também criar uma css específica que resolva os problemas específicos do IE6.
Colocas isto na tua página e sendo o IE6 vai usar essa outra css além da de base.

PHP: 
<!--[if lt IE 7 ]>                                                      
<link rel="stylesheet" type="text/css" href="css/ie6.css" media="screen,print" />
<![endif]-->
 
Inicie sessão ou registe-se para poder participar.
Back
Topo