Alinhas divs na vertical

[wdc_black_ 0]

eai galera, nunca tive problema em alinhar uma div na vertical, era só usar top:50& e margin-top negativo com valor metada da altura do objeto.

 

mas agora fui alinhar duas divs aqui na vertical e simplesmente n funciona...

alguem poderia me ajudar??

 

css

#corpo {
position:absolute;
top:50%;
margin-top:-287px;
height:575px;
background:url(../../imgs/fundocorpobg.jpg) center top repeat-x;	
}
#corpoimg {	
position:absolute;
top:50%;
margin-top:-287px;
background:url(../../imgs/fundocorpo.jpg) center top no-repeat;	
height:575px;
}

 

html

<div id="corpo">
<div id="corpoimg"></div>
</div>

 

alguem tem alguma ideia pq isso n estaria funcionando???

obrigado

[Kaue Machado 0]

eai galera, nunca tive problema em alinhar uma div na vertical, era só usar top:50& e margin-top negativo com valor metada da altura do objeto.

 

mas agora fui alinhar duas divs aqui na vertical e simplesmente n funciona...

alguem poderia me ajudar??

 

css

#corpo {
position:absolute;
top:50%;
margin-top:-287px;
height:575px;
background:url(../../imgs/fundocorpobg.jpg) center top repeat-x;	
}
#corpoimg {	
position:absolute;
top:50%;
margin-top:-287px;
background:url(../../imgs/fundocorpo.jpg) center top no-repeat;	
height:575px;
}

 

html

<div id="corpo">
<div id="corpoimg"></div>
</div>

 

alguem tem alguma ideia pq isso n estaria funcionando???

obrigado

 

Cara, a solução pode ser simples, ou o seu problema pode ser o mesmo que o meu.

Você pode definir o primeiro background pela tag do html ou body (eu prefiro definir pelo html) e definir o outro background pela div, assim você não teria colocar uma div dentro da outra, ficaria algo assim:

 

/* esse seria o fundo da "tela toda" */
html { height: 100%, background: url(/diretorio/fundo.xxx) propriedades;

/* aqui ficaria o fundo da div, já dentro do body */
#divsemfilho { height: Ypx; width: Zpx; margin: 0 auto;}

 

com esse css você teria uma div centralizada dentro da body, com um background acima do background da body...

O problema que eu to tendo é só pra alinhar na vertical, e só quando coloco uma div dentro da outra.

Se você encontrou alguma solução melhor pra alinhar div dentro de div na vertical e puder compartilhar, eu agradeço!

[Kaue Machado 0]

Olha só, eu consegui aqui, eu to usando duas divs, uma dentro da outra, eu defini position: relative para as duas ficou mais ou menos assim:

 

CSS:

html {height: 100%; background: #EEE url(/diretorio/fundo.png) no-repeat center center;}
#container {position: relative; width: 680px; height: 600px; margin: 0 auto; background: url(/diretorio/balao.png) no-repeat fixed center center;}
#content1 {position: relative; width: 630px; height: 200px; top: 230px; left: 50px;}

 

HTML:

<div id="container">
<div id="content1"><p></p></div>
</div>

 

O resultado você pode ver aqui: http://www.imak.com.br

 

O único problema é que o resultado varia MUITO no Safari e Opera...