Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ola pessoal, estou desenvolvendo uma galeria de imagem com php e ajax e a treta é a seguinte:
Eu gostaria de posicionar um div em um lugar específico da tela, mas não gosto de usar o atributo position:absolute; pois dependendo da configuração do monitor o div não vai ficar no lugar certo.
Pra isso eu defini um div "main" de largura x e estou colocando todos os outros elementos dentro deste div.. usando o atrbuto padding eu consigo posicionar legal quando tem só um div dentro do "main". O problema é que quando tem mais de um div, eu não sei como faço para sobrepor os outros divs sem usar position:absolute...
Não sei se fui claro...
veja o exemplo, no caso gostaria de posicionar o div "loading" sobre o div "conteudo" sem colocar o div "conteudo" dentro do div "loading";
#main{
margin: 10px auto;
width:1000px;
height:650px;
background-image:url(../imagem/fundo_5.jpg);
background-position:center;
background-repeat:no-repeat;
padding-top:30px;
z-index:1;
border:solid 1px;
border-color:#000000;
}
<div id="main">
<div id="loading"></div>
<div id="conteudo"></div>
</div>Carregando comentários...