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

Vertical Alinhamento Em Div Middle Ie6


hipnos na area

Pergunta

atenção: moderadores se eu tiver colocado este tópico em sessão errada alertemem,

pois se trata em parte de javascript e em outra parte CSS.

obrigado

[solução]

ATUALIZADO (reduzi os DIVs e modifiquei o codigo, agora não importa aonde estiver o DIV ele alinha central)

Funciona perfeitamente no IE, FF e opera (ainda num vi nenhum BUG)

Nem é presciso mudar a altura do #texto

por que eu estou usando clientHeight

estudando CSS + JAVASCRIT bolei isso:

<style>
#caixaA{
    background:#cc0000;
    width:500px;
    height:600px;
    display:table-cell;
    vertical-align:middle;
    _display:block;
}

#Middle{
    _width:expression(document.getElementById("caixaA").clientWidth-3);
    border:2px #0f0f0f solid;
    _position: relative;
    _top:expression((document.getElementById("caixaA").style.top  + document.getElementById("caixaA").clientHeight - document.getElementById("Middle").clientHeight) /2 + "px");
}
</style>
<a href="#" onclick="alert(document.getElementById("caixaA").style.top)">s</a>
<br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
<div id="caixaA">
        <div id="Middle">
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto<img src="foto" width="200">
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
            texto texto texto texto
    </div>
</div>

qualquer BUG retorne para mim

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

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...