Ir para conteúdo
Fórum Script Brasil
  • 0

Camada


Lucinari

Pergunta

10 respostass a esta questão

Posts Recomendados

  • 0

Luciano o teu problema está nessa linha:

<div id="Layer1" style="position:absolute; left:313px; top:90px; width:245px; height:272px; z-index:1; background-image: url(%27http://www.acda.infinitehost.com.br/images/fundosite.gif%27);" > 

o left e o top estão fixos (313, 90 respectivamente). Existe uma forma de você centralizar em qualquer resolução, para isso você precisa pegar a resolução do monitor(screen.width - screen.height) diminui o tamanho do div (altura: 245px, largura: 272px) e divide por dois. Esse valor que você achar você seta no left e top do div com JS.

Tenta fazer, se não conseguir posta ae q tentamos fazer um exemplo pra ti...

Abraço

Crystian

Link para o comentário
Compartilhar em outros sites

  • 0

Vou fazer o exemplo pra ti.

<head>

<script language="javascript">

function centraliza(id) {

var obj = document.getElementById(id);

netscape = (navigator.appName == "Netscape");

var width = (netscape) ? window.innerWidth : document.body.clientWidth;

var height = (netscape) ? window.innerHeight : document.body.clientHeight;

obj.style.top = (parseInt(height)-parseInt(obj.style.height))/2;

obj.style.left = (parseInt(width)-parseInt(obj.style.width))/2;

}</script></head>

<body onload="centraliza('Layer1')">

<div id="Layer1" style="position:absolute; width:245px; height:272px; z-index:1; background: #999999;" >

</body>

Não testei no IE...

Abraço

Crystyian

Link para o comentário
Compartilhar em outros sites

  • 0

Isso acontece porque o div é carregado antes de ser executado o script, e como o script não tem left e nem top predefinidos ele acaba se movendo. Essa função independe de resolução, mas se você não quiser usa-la é só você colocar fixo o tamanho do div para cada resolução, assim ele vai aparecer sempre no meio sem esse deslocamento. Se quiser posso te dar uma mão, mas ainda acho melhor essa funtion q te passei.

Abraço

Crystian

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,2k
×
×
  • Criar Novo...