Jump to content
Fórum Script Brasil
  • 0
Sign in to follow this  
hipnos na area

Vertical Alinhamento Em Div Middle Ie6

Question

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

Share this post


Link to post
Share on other sites

2 answers to this question

Recommended Posts

  • 0

sem kerer abusar mas aqui vai uma sugestão, hospedar um arquivo na net com seu código para mostrar como exemplo e talvez comentar o código. Como por exemplo explicar porque utilizou o _width ao invés de width ^^

Abraços cara!

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  



  • Forum Statistics

    • Total Topics
      148488
    • Total Posts
      644143
×
×
  • Create New...