Problema de alinhamento com BOX

[neo_soro 0]

Bom dia pessoal estou fazendo um projeto e estou com uma dificuldade e gostaria de contar com a ajuda de vocês. Seguinte:

 

No site, tem um link que quando o usuário clica aparece um box, que vai vir obviamente com um conteúdo e tals. Porém quando clico no link o box não fica onde eu queria. O problema é que se eu usar o position : absolute; teria que forçar o alinhamento do box, mas fica desinteressante, uma vez que eu queria acompanhar a resolução do monitor do usuário, ou melhor que eu pudesse colocar em um posição que independente da resoluçaõ do monitor ficasse no mesmo lugar. Tentei de várias formas com vários alinhamentos mas não consegui. Queria poder contar com a colaboração de vocês, pois estou dependendo somente disso para acabar esse projeto e estou precisando dessa ajuda. Abaixo o código:

 

HTML:

<div id="menu" class="newsletter">

<div id="news"><!--NEWS-->

<div id="box"><!--BOX-->

<div id="box" class="topo"></div><!--BOX_TOP-->

<div id="box" class="middle"><!--BOX_MIDDLE-->
<br />
<br />
<br />
<br />
</div><!--/BOX_MIDDLE-->

<div id="box" class="bottom"></div><!--BOX_BOTTOM-->

</div><!--/BOX-->

</div><!--/NEWS-->

<a href="#" rel="hideShow|news"></a>
</div><!--/NEWSLETTER-->

CSS:

#news {
float:right;
position:absolute;
z-index:1000;
}
#box {
background-color:transparent;
}
#box.topo {
background:transparent url(../img/box/top_box.gif) no-repeat scroll 0;
height:50px;
width:400px;
}
#box.middle {
background:transparent url(../img/box/middle_box.gif) repeat-y scroll 0;
width:400px;
}
#box.bottom {
background:transparent url(../img/box/bottom_box.gif) no-repeat scroll 0;
height:100px;
width:400px;
}

Espero que possam me ajudar, obrigado.

[Aprendiz CSS 3]

talvez isso te ajude!!

 

http://aprendacss.wordpress.com/2008/06/28...-e-na-vertical/

 

abraço

[neo_soro 0]

talvez isso te ajude!!

 

http://aprendacss.wordpress.com/2008/06/28...-e-na-vertical/

 

abraço

Achei muito bom seu tutorial me tirou umas dúvidas, mas ainda não é bem o que eu quero. Tipo: eu tenho um link que é uma imagem de mais ou menos 148 x 51px. Daí eu tenho um box que aparece e some com um script em javascript. Daí seguinte. Quando eu clico no link o box deveria aparecer exatamente acima do link mas como está em position absolute está difícil de alinhar. Mas teria como?

 

Obrigado,

 

Rodrigo Nascimento

[Paulo de Tarso F. M. 24]

neo_soro, não tem como você disponibilizar um link? E se possível, forneça uma imagem demonstrando exatamente o local que pretende colocar o tal do box, pois assim fica complicado...

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Aprendiz CSS 3]

ai precisa de javascript para isso!

 

pesquise como pegar as coordenadas de uma div!

 

acho que dessa forma você saberá onde colocar a seu bloco depois

 

document.getElementById('teste').style.top = "50px";
	document.getElementById('teste').style.left= "250px";

abraço

[Guilherme Rambo 4]

Movido Webstandards http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript