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

Centrar Background no Opera e Firefox

Discussão em 'Web Development' iniciada por peter alien, 10 de Dezembro de 2007. (Respostas: 9; Visualizações: 1059)

  1. peter alien

    peter alien Power Member

    Boas,

    alguém me pode dizer como centro um background no Opera e Firefox?

    No IE coloquei:

    body
    {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-image: url(Imagens/Logo.jpg);
    background-repeat: repeat-x;
    background-position: center;
    background-color: #000000;
    }


    e correu bem :)

    mas quando abro a página no Opera e no Firefox, o background não fica centrado :(
     
  2. songoku

    songoku Power Member

    como é que ficou?
    normalmente com margin 0 auto; fica centrado
     
  3. naoliveira

    naoliveira Power Member

    a regra css que escreveste não é para centrar a imagem no background, mas sim para repeti-la horizontalmente.

    Estas 2 linhas:
    background-repeat: repeat-x;
    background-position: center;
    estão em contradição, tu mandas repetir a imagem e ao mesmo tempo mandas centrá-la, o IE oque deve fazer é não ligar ao background-repeat: repeat-x;.
     
  4. peter alien

    peter alien Power Member

    Consegui finalmente para o IE, Opera e Firefox :D



    Fica aqui o código:

    body {
    background: transparent url(Imagens/Logo.jpg) no-repeat center center;
    background-attachment: fixed;
    background-color: #000000;
    }


    em relação ao "color" apenas se aplicou no meu caso :)
     
  5. peter alien

    peter alien Power Member

    Agora aparecem-me é mais 3 incompatiblidades no Opera 9 e Firefox 2, enquanto que no IE6 está tudo ok.


    1) Tenho um menu composto por um Header, um menu do lado esquerdo, a zona de conteudos do lado dirteito, e um footer a apanhar o menu e a zona de conteudos, tudo com DIVs.
    O problema é que o Footer não me aparece nem no Opera nem no Firefox !!!?

    2) Tenho uma Form inserida num ficheiro aspx, quando os referidos browsers correm essa pagina, aparece na ecran a frase: <%@ Page Language="VB" ContentType="text/html" ResponseEncoding="iso-8859-1" %> (antes dos controlos da Form).
    O Opera e o Firefox não correm ASP.NET ou VB.NET?


    3) Finalmente a 3ª, tenho uma Textbox que mostra a data actual (script em Javascript) só que o Firefox em vez de mostrar o ano de 2007, mostra-me 107 :(


    Alguém me pode dar umas dicas para resolver estas incompatibilidades.
     
    Última edição: 11 de Dezembro de 2007
  6. peter alien

    peter alien Power Member

    O 1º problema já o consegui resolver:

    com float:left, coloquei os dois DIVs lado a lado, e o DIV abaixo deles coloquei no CSS: clear:both.

    e ficou nos trinques no IE, Opera e Firefox :)



    Não consigo é resolver o problema da data em javascript no Opera/Firefox, e,
    o aparecer no layout da página web a frase:

    <%@ Page Language="VB" ContentType="text/html" ResponseEncoding="iso-8859-1" %>


    É necessário um ficheiro ASP.NET (aspx) ter essa frase definida no código? é que parece que o Opera interpreta essa parte do código como se fosse texto puro :(
     
    Última edição: 12 de Dezembro de 2007
  7. peter alien

    peter alien Power Member

    Tentei acertar a data com este código, mas o erro no "Ano" da Data Actual, permanece o mesmo no Opera e no Firefox :(



    <script type="text/javascript" language="javascript">
    function DataActual()
    <!-- Adquire a Data Actual do Sistema -->
    {
    Hoje = new Date();
    Dia = Hoje.getDate();
    Mes = Hoje.getMonth() + 1;
    Ano = Hoje.getYear();
    if (Dia < 10)
    {
    Dia = "0" + Dia;
    }
    Browser = navigator.appName;
    if (Browser != "Microsoft Internet Explorer")
    {
    Ano == Ano + 1900;
    }
    Data = Dia + "-" + Mes + "-" + Ano;
    document.formulario.dataactual.value = Data
    }
    </script>
     
  8. p3dro

    p3dro Power Member

    vê se isto te ajuda em alguma coisa

    Código:
    <script type="text/javascript" language="javascript">
    function DataActual(){
      var d=new Date();
      var data=_LeadingZero(d.getDate())+"-"+_LeadingZero(d.getMonth()+1)+"-"+d.getFullYear();
      document.formulario.dataactual.value=data;
    }
    
    function _LeadingZero(value){
      return (value<10)?"0"+value:value;
    }
    </script>
    
     
  9. peter alien

    peter alien Power Member

    Há "cenas" que francamente não consigo perceber!!!!
    Bastou em vez de atribuir o "Ano" a uma variavel, colocar "navigator.appName" directamente no condicão IF e funcionou 8|


    Já tenho quase tudo nos conformes com o IE, Opera e Firefox. Só tenho é ainda um pequeno "grande" problema...

    A minha página aspx que tem código ASP.NET, quando a abro no Opera e no Firefox parece que não entendem o código ASP.NET, porque o apresentam na página web como texto :(
    Estes browsers não correm código ASP.NET.



    O código inicial é este (é longo por isso não vou postar tudo):


    PHP:
    <%@ Page Language="VB" ContentType="text/html" ResponseEncoding="iso-8859-1" %>
    <%@ 
    Import Namespace="System.Data" %>
    <%@ 
    Import Namespace="System.Data.OleDb" %>
    <
    html>
     <
    head>
      <
    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <
    style type=text/css>
       
    html {
             
    scrollbar-base-color#FFFFFF;
             
    scrollbar-arrow-color#011B8E;
             
    scrollbar-3dlight-color#CCCCCC;
             
    scrollbar-darkshadow-color#999999;
             
    scrollbar-face-color#FFFFFF;
             
    scrollbar-highlight-color#FFFFFF;
             
    scrollbar-shadow-color#FFFFFF;
             
    scrollbar-track-color#FFFFFF;
            
    }
      </
    style>
     </
    head>
     <
    body>
      <
    img align="right" src="Imagens/OpPedidoInspeccao.jpg">
      <
    br><br><br>
      <
    span style="color:#FF6600; text-decoration:underline; font-size:14px">
       <
    b>OS DADOS PROCESSADOS FORAM OS SEGUINTES:</b>
      </
    span>
      <
    p>
       <
    span style="color:#6A6D96; font-size:14px">
        <%
         
    response.write("Data do Pedido: "+request.form("dataactual")+"<br>")
         
    response.write("Nome (Requerente): "+request.form("nome")+"<br>")
         
    response.write("Morada (Requerente): "+request.form("morada")+"<br>")
         
    response.write("Código Postal (Requerente): "+request.form("codpostal1")+"-"+request.form("codpostal2")+"  "+request.form("localidade")+"<br>")
         
    response.write("Telefone (Requerente): "+request.form("telefone")+"<br>")
         
    response.write("Telemóvel (Requerente): "+request.form("telemovel")+"<br>")
         
    response.write("E-mail (Requerente): "+request.form("email")+"<br>")
         
    response.write("Tipo de Inspecção: "+request.form("tipodeinspeccao")+"<br>")
         
    response.write("Tipo de Instalação: "+request.form("tipodeinstalacao")+"<br>")
         
    response.write("Morada (Inspecção): "+request.form("moradainsp")+"<br>")
         
    response.write("Código Postal (Inspecção): "+request.form("codpostal1insp")+"-"+request.form("codpostal2insp")+"  "+request.form("localidadeinsp")+"<br>")
         
    response.write("Data Preferencial: "+request.form("datapreferencial")+"<br>")
         
    Rem Grava a informação introduzida na Formna BD em Access.
         
    Rem Query SQL que servirá para inserir na BD Access os dados introduzidos na Form.
         
    Dim SQLString as string
         Dim S1 
    as string
         Dim S2 
    as string
         S1 
    Request.Form("codpostal1") & "-" Request.Form("codpostal2") & " " Request.Form("localidade")
         
    S2 Request.Form("codpostal1insp") & "-" Request.Form("codpostal2insp") & " " Request.Form("localidadeinsp")
         
    SQLString "INSERT INTO Pedidos_de_Inspeccao (Data_de_Entrada_do_Pedido_de_Inspeccao, Nome_do_Requerente, Morada_do_Requerente, CodPostal_do_Requerente, Telefone_do_Requerente, Telemovel_do_Requerente, Email_do_Requerente, Tipo_de_Inspeccao, Tipo_de_Instalacao, Morada_da_Inspeccao, CodPostal_da_Inspeccao, DataPreferencial_Inspeccao)"
         
    SQLString SQLString "VALUES ('" Request.Form("dataactual") & "','" Request.Form("nome") & "','" Request.Form("morada") & "','" S1 "','" Request.Form("telefone") & "','" Request.Form("telemovel") & "','" Request.Form("email") & "','" Request.Form("tipodeinspeccao") & "','" Request.Form("tipodeinstalacao") & "','" Request.Form("moradainsp") & "','" S2 "','" Request.Form("datapreferencial") & "')"
         
    Rem A Conexão à Fonte de Dados é feita usando o Provedor OleDB.
         
    Dim DBConn as New OleDBConnection ("Provider=Microsoft.Jet.OLEDB.4.0; Ole DB Services=-4; Data Source=C:\Inetpub\wwwroot\Pedidos.mdb")
         
    Rem Cria um Objecto OleDbCommand.
         
    Rem Passa os parâmetros para um Objecto OleDbCommand.
         
    Dim DBComm as New OleDbCommand
         DBComm
    .Connection DBConn
         DBComm
    .CommandText SQLString
         Rem Cria e passa os dados para Objectos OleDbParameter
    .
         
    Rem *****
         
    Dim DBParam_Data_de_Entrada_do_Pedido_de_Inspeccao as new OleDbParameter
         DBParam_Data_de_Entrada_do_Pedido_de_Inspeccao
    .ParameterName "@Data_de_Entrada_do_Pedido_de_Inspeccao"
         
    DBParam_Data_de_Entrada_do_Pedido_de_Inspeccao.Value Request.Form("dataactual")
         
    DBParam_Data_de_Entrada_do_Pedido_de_Inspeccao.DbType DbType.String
         DBComm
    .Parameters.Add(DBParam_Data_de_Entrada_do_Pedido_de_Inspeccao)
         
    Rem *****
         
    Dim DBParam_Nome_do_Requerente as new OleDbParameter
         DBParam_Nome_do_Requerente
    .ParameterName "@Nome_do_Requerente"
         
    DBParam_Nome_do_Requerente.Value Request.Form("nome")
         
    DBParam_Nome_do_Requerente.DbType DbType.String
         DBComm
    .Parameters.Add(DBParam_Nome_do_Requerente)
         
    Rem *****
         
    Dim DBParam_Morada_do_Requerente as new OleDbParameter
         DBParam_Morada_do_Requerente
    .ParameterName "@Morada_do_Requerente"
         
    DBParam_Morada_do_Requerente.Value Request.Form("morada")
         
    DBParam_Morada_do_Requerente.DbType DbType.String
         DBComm
    .Parameters.Add(DBParam_Morada_do_Requerente)
         
    Rem *****
         
    Dim DBParam_CodPostal_do_Requerente as new OleDbParameter
         DBParam_CodPostal_do_Requerente
    .ParameterName "@CodPostal_do_Requerente"
         
    DBParam_CodPostal_do_Requerente.Value Request.Form("codpostal1") & "-" Request.Form("codpostal2") & " " Request.Form("localidade")
         
    DBParam_CodPostal_do_Requerente.DbType DbType.String
         DBComm
    .Parameters.Add(DBParam_CodPostal_do_Requerente)
         
    Rem *****
         
    Dim DBParam_Telefone_do_Requerente as new OleDbParameter
         DBParam_Telefone_do_Requerente
    .ParameterName "@Telefone_do_Requerente"
         
    DBParam_Telefone_do_Requerente.Value Request.Form("telefone")
         
    DBParam_Telefone_do_Requerente.DbType DbType.String
         DBComm
    .Parameters.Add(DBParam_Telefone_do_Requerente)
         
    Rem *****
         
    Dim DBParam_Telemovel_do_Requerente as new OleDbParameter
         DBParam_Telemovel_do_Requerente
    .ParameterName "@Telemovel_do_Requerente"
         
    DBParam_Telemovel_do_Requerente.Value Request.Form("telemovel")
         
    DBParam_Telemovel_do_Requerente.DbType DbType.String
         DBComm
    .Parameters.Add(DBParam_Telemovel_do_Requerente)
         
    Rem *****
         
    Dim DBParam_Email_do_Requerente as new OleDbParameter
         DBParam_Email_do_Requerente
    .ParameterName "@Email_do_Requerente"
         
    DBParam_Email_do_Requerente.Value Request.Form("email")
         
    DBParam_Email_do_Requerente.DbType DbType.String
         DBComm
    .Parameters.Add(DBParam_Email_do_Requerente)
         
    Rem *****
         
    Dim DBParam_Tipo_de_Inspeccao as new OleDbParameter
         DBParam_Tipo_de_Inspeccao
    .ParameterName "@Tipo_de_Inspeccao"
         
    DBParam_Tipo_de_Inspeccao.Value Request.Form("tipodeinspeccao")
         
    DBParam_Tipo_de_Inspeccao.DbType DbType.String
         DBComm
    .Parameters.Add(DBParam_Tipo_de_Inspeccao)
         
    Rem *****
         
    Dim DBParam_Tipo_de_Instalacao as new OleDbParameter
         DBParam_Tipo_de_Instalacao
    .ParameterName "@Tipo_de_Instalacao"
         
    DBParam_Tipo_de_Instalacao.Value Request.Form("tipodeinstalacao")
         
    DBParam_Tipo_de_Instalacao.DbType DbType.String
         DBComm
    .Parameters.Add(DBParam_Tipo_de_Instalacao)
         
    Rem *****
         
    Dim DBParam_Morada_da_Inspeccao as new OleDbParameter
         DBParam_Morada_da_Inspeccao
    .ParameterName "@Morada_da_Inspeccao"
         
    DBParam_Morada_da_Inspeccao.Value Request.Form("moradainsp")
         
    DBParam_Morada_da_Inspeccao.DbType DbType.String
         DBComm
    .Parameters.Add(DBParam_Morada_da_Inspeccao)
         
    Rem *****
         
    Dim DBParam_CodPostal_da_Inspeccao as new OleDbParameter
         DBParam_CodPostal_da_Inspeccao
    .ParameterName "@CodPostal_da_Inspeccao"
         
    DBParam_CodPostal_da_Inspeccao.Value =  Request.Form("codpostal1insp") & "-" Request.Form("codpostal2insp") & " " Request.Form("localidadeinsp")
         
    DBParam_CodPostal_da_Inspeccao.DbType DbType.String
         DBComm
    .Parameters.Add(DBParam_CodPostal_da_Inspeccao)
         
    Rem *****
         
    Dim DBParam_DataPreferencial_Inspeccao as new OleDbParameter
         DBParam_DataPreferencial_Inspeccao
    .ParameterName "@DataPreferencial_Inspeccao"
         
    DBParam_DataPreferencial_Inspeccao.Value Request.Form("datapreferencial")
         
    DBParam_DataPreferencial_Inspeccao.DbType DbType.String
         DBComm
    .Parameters.Add(DBParam_DataPreferencial_Inspeccao)
         
    Rem A Conexão vai ser aberta.
         
    DBConn.Open()
         
    Rem Altera o conteúdo de uma BD sem precisar de se recorrer a um Dataset.
         
    DBComm.ExecuteNonQuery()
         
    Rem A Conexão vai ser fechada.
         
    DBConn.Close()
        %>
       </
    span>
      </
    p>
    ... etc...
     
    Última edição pelo moderador: 12 de Dezembro de 2007
  10. peter alien

    peter alien Power Member

    Pronto... já está tudo nos trinques :D


    Obrigado a todos pelas dicas :)
     

Partilhar esta Página