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

Problemas Na Tag Valign


edgar2000br

Pergunta

6 respostass a esta questão

Posts Recomendados

  • 0

A tabela tem uma altura fixa? se sim para aqueles que têm javascript a tabela é centrada na vertical e na horizontal, os que não tiverem javascript só é centrada na horizontal, aqui vai um exemplo (testei o código), repara que a tabela é centrada na horizontal através de CSS (margin: auto, como no IE5.5- isto não funciona utilizamos text-align)

<html>
<head>
<script type="text/javascript" src="cross-browser.com/x/x.js"></script>
<script type="text/javascript">
  window.onload = function() {
    xAddEventListener(window, 'resize', winOnResize, false);
    var table = xGetElementById('id-da-tabela');
    var tableHeight = 300;
    winOnResize();
    function winOnResize() {
      var windowHeight = xClientHeight();
      if (windowHeight > tableHeight) {
        table.style.marginTop = (windowHeight - tableHeight) / 2;
      } else {
        table.style.marginTop = 0;
      }
    }
}
</script>
<style type="text/css">
  body {
    text-align: center;
  }

  table#id-da-tabela {
    height: 300px;
    width: 500px;
    margin: auto;
    text-align: left;
    border: 1px solid;
  }
</style>
</head>
<body>
<table id="id-da-tabela">
  <tr>
    <td>Hello</td>
  </tr>
</table>
</body>
</html>

podes descarregar a lib x do Cross-Browser, neste download também vêm menus e exemplos de como fazer aquelas layers que podem ser arrastadas ou movidas. Muito bom mesmo cool.gif

Link para o comentário
Compartilhar em outros sites

  • 0

ae cara........ veja a resposta q eu postei em JS.. no seu outro tópico lá....... veja se ela ajuda....................

Link para o comentário
Compartilhar em outros sites

  • 0
A tabela tem uma altura fixa? se sim para aqueles que têm javascript a tabela é centrada na vertical e na horizontal, os que não tiverem javascript só é centrada na horizontal, aqui vai um exemplo (testei o código), repara que a tabela é centrada na horizontal através de CSS (margin: auto, como no IE5.5- isto não funciona utilizamos text-align)
<html>
<head>
<script type="text/javascript" src="cross-browser.com/x/x.js"></script>
<script type="text/javascript">
  window.onload = function() {
    xAddEventListener(window, 'resize', winOnResize, false);
    var table = xGetElementById('id-da-tabela');
    var tableHeight = 300;
    winOnResize();
    function winOnResize() {
      var windowHeight = xClientHeight();
      if (windowHeight > tableHeight) {
        table.style.marginTop = (windowHeight - tableHeight) / 2;
      } else {
        table.style.marginTop = 0;
      }
    }
}
</script>
<style type="text/css">
  body {
    text-align: center;
  }

  table#id-da-tabela {
    height: 300px;
    width: 500px;
    margin: auto;
    text-align: left;
    border: 1px solid;
  }
</style>
</head>
<body>
<table id="id-da-tabela">
  <tr>
    <td>Hello</td>
  </tr>
</table>
</body>
</html>

podes descarregar a lib x do Cross-Browser, neste download também vêm menus e exemplos de como fazer aquelas layers que podem ser arrastadas ou movidas. Muito bom mesmo cool.gif

Vou testar valeu!

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,1k
    • Posts
      651,8k
×
×
  • Criar Novo...