none
Centralizar Panel dragavel

    Pregunta

  • Caros colegas estou com dificuldades em encontrar a técnica certa para centralizar um panel com dragpanelextender atualmente estou usando este css porem estou tendo problemas com o layout do calendarextender, o que só ocorre no ie com outros browser não tenho o mesmo problema, para exemplificar melhor o problema com o calendar segue algumas fotos no meu livespace.

    http://marianoes.spaces.live.com/photos/cns!FB169B5389FF0FF2!157/

     

     

    .Centro

    {

    padding-left: 150px;

    padding-top: 150px;

    }

     

    lunes, 14 de enero de 2008 12:24

Todas las respuestas

  • Mariano,

     

    Tente usar este CSS:

     

    Code Block

    body
    {
     margin: 0px 0px 0px 0px;
    }

     

    div.ClassCentraliza

    {
     width: 756px;
     vertical-align: middle;
     margin: 0px auto 0px auto; 
    }

     

     

    Espero ter ajudado.
    lunes, 14 de enero de 2008 12:39
  • Caro Diego,
    Infelizmente este css não centralizou minha div!

    lunes, 14 de enero de 2008 12:59
  • Mariano,

     

    Me desculpe este codigo so vai funcionar no Firefox nao no I.E

     

    Só pra vc entender pq nao funcionou no I.E

     

    O I.E o melhor browser do mundo simplesmente ignora a definição da margin como "auto" o que é errado, para contornar isto é preciso que o bloco que vc quer alinhar centralizado esteja dentro de um outro bloco que esteja com "text-align:center" definido, assim o I.E alinha nao so o texto mais tb o bloco. Pra que o texto nao fique centralizado vc defini uma outra classe que joga o texto para esquerda como eu fiz.  Neste caso eu coloquei o "text-align:center" para todo o body mais vc pode jogar isto em um outro div que abrace o div que deve ter o conteudo centralizado.

     

    Code Block

    <html>
     <head>
      <style>


    body
    {
     margin: 0px 0px 0px 0px;
     text-align:center;
    }

     

    .ClassCentraliza

    {
       border:solid 1px #000000;
       width: 500px;
       text-align: left;
       margin-left: auto;
       margin-right: auto;
    }

     

      </style>
     </head>
     <body>
      <div class="ClassCentraliza">diego centralizado</div>
     </body>
    </html>

     

     

     

     

    Espero ter ajudado.

    lunes, 14 de enero de 2008 13:44
  • Caro diego,

    já tinha tentado utilizar o margin para centralizar. porem quando se trata de um panel utilizando o dragpanelextender vc tera um problema na hora de arrasta-lo, ao clicar ele mexe sózinho os pixels que vc utilizou no margin.

    lunes, 14 de enero de 2008 16:05