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

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

Discussão em 'Web Development' iniciada por SlashString, 13 de Abril de 2009. (Respostas: 4; Visualizações: 885)

  1. SlashString

    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-imageurl(imgs/bg_bodyLogin.jpg);
        
    margin-top20%;
    }
    body,td,th {
        
    font-familyverdana;
        
    font-size12px;
        
    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;
    }

    {
        
    font-size10px;
        
    color#333333;
    }
    a:link {
        
    text-decorationnone;
    }
    a:visited {
        
    text-decorationnone;
        
    color#333333;
    }
    a:hover {
        
    text-decorationunderline;
        
    color#009900;
    }
    a:active {
        
    text-decorationnone;
        
    color#333333;
    }
    .
    msg {
        
    font-familyverdana;
        
    font-size12px;
        
    color#FF0000;
        
    background-color#FFFFCC;
        
    padding4px;
        
    border1px dotted #FF9900;
        
    font-weightbold;
    }
    </
    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!!
     
  2. skandal

    skandal Power Member

    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...
     
  3. SlashString

    SlashString Power Member

    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..

    Obrigado pela dica ;)!! Realmente fica bem mais ordenado, e menos linhas da folha..

    Cumprimentos
     
  4. skandal

    skandal Power Member

    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 :|
     
  5. ciberg

    ciberg Moderador
    Staff Member

    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]-->   
     

Partilhar esta Página