none
Centralizar Div na janela do browser

    Question

  •  

    Pessoal tenho uma DIV que armazena uma tabela html, qual por sua vez armazena todos os outros controles da página (asp.net e html), porém não consigo centralizar a DIV; sempre fica à esquerda. Eis o estilo atual:

     

    <div id="divgeral" runat="server" style=" text-align:center; background-color: white; vertical-align:top; width:80%; height:100%;">

     

    Quero que essa div tenha 100% da altura atual do browser e 80% de largura e que fique centralizada horizontalmente no meio. O que está faltando? Agradeço pela atenção e fico no aguardo.

    Monday, November 26, 2007 8:06 PM

Answers

  • O certo é você colocar a margem da div assim:

    <div style="margin:0 auto;.....">

    Ao colocar a margem como "auto" a div vai centralizar automaticamente.
    Monday, November 26, 2007 11:44 PM

All replies

  • Newton,

     

    Tente isso:

     

     if (window.screen) { var aw = screen.availWidth - 350; var xc = (aw) / 2; } document.getElementById('id do seu div').style.posTop = 200; document.getElementById('id do seu div').style.posLeft = xc; document.getElementById('id do seu div').style.display = "block";

     

    Espero ter ajudado.
    Monday, November 26, 2007 9:07 PM
  • O certo é você colocar a margem da div assim:

    <div style="margin:0 auto;.....">

    Ao colocar a margem como "auto" a div vai centralizar automaticamente.
    Monday, November 26, 2007 11:44 PM
  • Olá Diego, podes me explicar o que esse teu código  faz? Não sou muito conhecedor de javascript. Um grade abraço. t+

     

    Tuesday, November 27, 2007 11:08 AM
  • Na lata John. Obrigado. t+

     

    Tuesday, November 27, 2007 11:09 AM